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

2021年2月3日

説明
column-span は CSS のプロパティで、値に all を設定した場合、段組みレイアウトで要素をすべての段にまたがらせることができます。
使用例

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

}
h2
{
      column-span:all;
      -webkit-column-span:all; /* Safari and Chrome */
}
</style>
</head>
<body>

<p><b>notice:</b>444</p>

<div class="newspaper">
<h2>AAAA</h2>
BBB
CCC

CSS

Posted by arkgame