HTML – Css多列,牢不可破的内容

概述我想有一个两列的帖子布局.它应该是平衡的,但如果一个比另一个略大,那是可以接受的.重要的是,帖子不应该分成两半. 具体问题:(帖子文本应保留在一栏中.) http://www.magyarregeszet.hu/?page_id=279 #main-column-multicol2 {-moz-column-count:2; /* Firefox */-webkit-column-count: 我想有一个两列的帖子布局.它应该是平衡的,但如果一个比另一个略大,那是可以接受的.重要的是,帖子不应该分成两半.

具体问题:(帖子文本应保留在一栏中.)
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;但是没有做到这一点.如何正确使用？

编辑：
后包装器的结构就是这样.例如,一个列-break-insIDe适用于段落,但我希望它适用于最外层的div.

<div ><header ><h2>...</h2></header><hr /><div >...</div></div>

谢谢,

Sziro

解决方法 我成功了

.post {  -webkit-column-break-insIDe: avoID;  -moz-column-break-insIDe: avoID;  column-break-insIDe: avoID;}

试一试.

总结

以上是内存溢出为你收集整理的HTML – Css多列,牢不可破的内容全部内容，希望文章能够帮你解决HTML – Css多列,牢不可破的内容所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。