Example jsFiddle,但请确保使用支持以下某项的新浏览器进行查看:
-moz-column-count: 3;
-webkit-columns: 3;
-o-columns: 3;
columns: 3;
使用新的CSS3列属性,我想看看是否有办法防止跨越列跨越文本块。我所拥有的是div内部的三列布局,使用列:3和dt / dd标签以及其中的文本。因此浏览器会自动为我创建列。但我不希望dt和相关的dd标签跨越两列。有没有办法将dt和dd标签包装在一起,以便浏览器将列缩小,而不是拆分内容?
与段落标记相同:我可以告诉浏览器不要跨越段落,而是让列更高吗?