CSS3 column-gap

column-gap

该属于用于设置多列布局时每列的间距

<!-- column-gap: 100px; | 设置列与列之间的距离为 100px -->

<div style="width:500px; border:1px solid black; column-count: 3; column-width: auto; column-gap:100px;">
<p>第一段内容~~~~~~~~~~~~</p>
<p>第二段内容~~~~~~~~~~~~</p>
<p>第三段内容~~~~~~~~~~~~</p>
</div>

显示效果

第一段内容~~~~~~~~~~~~

第二段内容~~~~~~~~~~~~

第三段内容~~~~~~~~~~~~

更多教程 HTML5 教程 CSS3 教程 JavaScript 教程 JQuery 教程 React.js 教程 Node.js 教程 Koa2 教程 Python 教程 Linux 教程