html - 単一の DIV で標準の HTML/CSS を使用して 2 列のレイアウトを作成することは可能ですか?

Question

WYSIWYG エディターで使用される 2 列のレイアウトを構築したいと考えています。例: http://taurean.io/labs/clearcut-theme/essay.html

Answer 1

これには CSS3の column-countプロパティを使用できます。以下のように書きます。

div{
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;
}

詳しくはこちらをお読みください http://www.quirksmode.org/css/multicolumn.html