我只是编码我的网站。我是一名摄影师，所以我所有的内容都是图片。每一张图片都被组织在一个 div-Box 中。
我使用了灵活的多列布局：
.content {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
max-width:1400px;
}
资源管理器和 Firefox 完美的作品，但 Chromee 不允许右列比左边长，它看起来很可怕：
http://www.rosioffenbach.com/tarotpt1.html右侧有一堆空白。
我非常感谢你的帮助。
我试过了
-webkit-column-fill:balance;-webkit-column-fill:balance-all;但是我没有工作
.content {
width:70%;
position: relative;
margin-right: auto;
margin-left: auto;
padding-top:1%;
max-width:1400px;
}
.content {
-webkit-column-count: 1;
-webkit-column-gap: 3%;
-moz-column-count: 1;
-moz-column-gap: 3%;
column-count: 1;
column-gap: 3%;
}
我希望在 Firefox 和资源管理器中，列尽可能相等，并且包括右列比左列更长的选项。
0
尝试从.contentstrecke{ }中删除display: inline-block。删除后，Firefox 和 Chrome 看起来相同。
本站系公益性非盈利分享网址，本文来自用户投稿，不代表码文网立场，如若转载，请注明出处
评论列表（18条）