Chrome中的列宽换行div
Chrome中的列宽换行div
提问于 2017-06-15 21:02:17
Chrome在列宽块中中断div，而不是放大外部容器。
多一个像素的宽度就解决了这个问题。另一个列表项也是如此。如何才能避免这种情况？
这里提供了一把小提琴https://fiddle.jshell.net/papa_bravo/01dzhwpz/
.my-list {
border: 1px red solid;
column-width: 70px;
width: 226px;
}
.my-item {
height: 40px;
width: 50px;
display: block;
float: left;
border: 1px solid blue;
}<div class="my-list">
<div class="my-item">Test1</div>
<div class="my-item">Test2</div>
</div>
回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44568261
复制相关文章
相似问题
腾讯云开发者
