是否可以使用带有单个DIV的vanilla HTML / CSS创建两列布局?

时间:2012-11-05 03:54:01

标签: html css wysiwyg two-column-layout

我希望建立一个由WYSIWYG编辑器使用的两列布局。示例:http://taurean.io/labs/clearcut-theme/essay.html

1 个答案:

答案 0 :(得分:5)

您可以使用CSS3 列数属性。写下面这样写:

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