CSS3:防止阻塞跨越列

时间:2012-06-05 19:03:42

标签: html css3

Example jsFiddle,但请确保使用支持以下某项的新浏览器进行查看:

-moz-column-count: 3;
-webkit-columns: 3;
-o-columns: 3;
columns: 3;

使用新的CSS3列属性,我想看看是否有办法防止跨越列跨越文本块。我所拥有的是div内部的三列布局,使用列:3和dt / dd标签以及其中的文本。因此浏览器会自动为我创建列。但我不希望dt和相关的dd标签跨越两列。有没有办法将dt和dd标签包装在一起,以便浏览器将列缩小,而不是拆分内容?

与段落标记相同:我可以告诉浏览器不要跨越段落,而是让列更高吗?

0 个答案:

没有答案