我有类似于以下的代码:
<p>This is paragraph 1. Lorem ipsum ... </p>
<p>This is paragraph 2. Lorem ipsum ... </p>
<p>This is paragraph 3. Lorem ipsum ... </p>
<p>This is paragraph 4. Lorem ipsum ... </p>
<p>This is paragraph 5. Lorem ipsum ... </p>
<p>This is paragraph 6. Lorem ipsum ... </p>
我希望尽可能不使用标记,使该文本流入两列(左侧 1-3,右侧 4-6)。我犹豫是否使用添加列的原因<div>
问题是该文本是客户端通过所见即所得编辑器输入的,因此我注入的任何元素都可能会在稍后或莫名其妙地被杀死。
使用CSS3的多列布局:
.container {
column-count: 2;
column-gap: 20px;
}
浏览器支持(无前缀):
- 铬50
- 火狐52
- Safari 9
- Edge 12
- 歌剧 11.5
- IE 10
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)