我想要一个两列布局的帖子。它应该是平衡的,但如果一个比另一个稍大一点是可以接受的。重要的是,帖子不应该分成两半。
具体问题:(帖子文本应保持在一列。) http://www.magyarregeszet.hu/?page_id=279
#main-column-multicol2 {
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
-moz-column-gap:20px; /* Firefox */
-webkit-column-gap:20px; /* Safari and Chrome */
column-gap:20px;
column-fill: auto;
padding-top:20px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;
}
有没有办法制作牢不可破的 div、盒子等?我发现 column-break-inside: Avoid-column; 但不成功。如何正确使用它?
编辑:后包装的结构是这样的。例如,a column-break-inside 适用于段落,但我希望它适用于最外面的 div。
<div class="unbreakable-post">
<header class="opacity box">
<h2>...</h2>
</header>
<hr />
<div class="entry">
...
</div>
</div>
谢谢,
西罗