「CSS3入門」column-gapでアイテム同士の縦方向の間隔を指定する

2020年1月13日

属性
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>

Software

Posted by arkgame