「CSS3入門」column-count プロパティのサンプル

説明
CSS の column-count プロパティは、指定された段数で要素のコンテンツを分割します
使用例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>test sample</title> 
<style> 
.newspaper
{
      -moz-column-count:3; /* Firefox */
      -webkit-column-count:3; /* Safari and Chrome */
      column-count:3;
}
</style>
</head>
<body>

<p><b>AA:</b> BBB CCC</p>

<div class="newspaper">
"ccc
ddd
eee
fff
gggg"
</div>

</body>
</html>

 

CSS

Posted by arkgame