示例 jsFiddle，但请确保您使用支持以下其中一种查看的新浏览器：
-moz-column-count: 3;
-webkit-columns: 3;
-o-columns: 3;
columns: 3;
使用新的 CSS3 列属性，我想看看是否有办法防止文本块跨列。我所拥有的是一个 div 内的三列布局，其中使用 columns:3 和 dt/dd 标签和文本。所以浏览器会自动为我创建列。但我不希望 dt 和相关的 dd 标签跨越两列。有没有办法将 dt 和 dd 标签包装在一起，以便浏览器向下增长列，而不是拆分内容？
与段落标签相同：我可以告诉浏览器不要跨越一个段落，而是让列更高吗？