jsFiddleの例ですが、次のいずれかをサポートする新しいブラウザーを使用して表示してください。
-moz-column-count: 3;
-webkit-columns: 3;
-o-columns: 3;
columns: 3;
新しい CSS3 column 属性を使用して、テキストのブロックが複数の列にまたがるのを防ぐ方法があるかどうかを確認したいと思います。私が持っているのは、columns:3 および dt/dd タグとその中のテキストを使用した div 内の 3 列のレイアウトです。したがって、ブラウザは自動的に列を作成します。しかし、dt および関連する dd タグが 2 つの列にまたがることは望ましくありません。ブラウザがコンテンツを分割するのではなく、列を下に拡大するように dt タグと dd タグを一緒にラップする方法はありますか?
段落タグについても同様です。ブラウザに段落をまたがないように指示できますか?代わりに、列を高くしますか?