「CSS3入門」column-gapでアイテム同士の縦方向の間隔を指定する
属性
column-gapは、アイテム同士の縦方向の間隔を指定する際に使用する
サンプルコード
<style>
.newspaper
{
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari and Chrome */
column-gap:40px;
}
</style>
</head>
<body>
<p><b>notice:</b>uuuhhhh。</p>
<div class="newspaper">
hhhhhhhhhabcdefgher
</div>