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

Question

我希望构建一个由所见即所得编辑器使用的两列布局。示例：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