penggunaan kiraan lajur css3

penggunaan kiraan lajur css3:
atribut kiraan lajur digunakan untuk menentukan bilangan lajur.
Struktur sintaks:

column-count: auto || num

Analisis parameter:
(1).auto: Nilai lalai, bilangan lajur ditentukan mengikut atribut lain yang berkaitan.
(2).num: nilai berangka, digunakan untuk menentukan bilangan lajur.
Sokongan penyemak imbas:
(1). Pelayar IE10 dan IE10 dan ke atas menyokong atribut ini.
(2). Google Chrome menyokong atribut ini.
(3). Penyemak imbas Firefox menyokong atribut ini.
(4).pelayar opera menyokong atribut ini.
(5).Pelayar Safari menyokong atribut ini.
Nota istimewa:
Penyemak imbas Firefox perlu menambah awalan -moz-.
Pelayar Google dan Safari perlu menambah awalan -webkit-.
Contoh kod:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.php.cn/" />
<title>php中文网</title>
<style type="text/css">
.columns {
  border: 1px solid green;
  width: 600px;
  margin: 20px auto;
 
  -moz-column-count:auto;
  -webkit-column-count:auto;
  column-count:auto;
}
</style>
</head>
<body>
<div class="columns">
互联网的出现，极大的促进了信息的交流，随着步伐的前进，网站的交互需求越来越多，但是受限于当时的软硬件条件，
特别是网络环境的限制，非常简单的表单验证都要花费大量的时间在服务器与客户端之间进行传输，
后来改名为JavaScript。随着JavaScript在互联网上的成功运用，微软公司也随之开发了自己的"JavaScript"名叫JScript，
于是在互联网上就出现多种标准的"JavaScript"脚本语言，如果任其发展下去，那么将会严重影响互联网发展，
于是标准化迫在眉睫。最后JavaScript被提交给提交给欧洲计算机制造商协会（ECMA），
并最终推出了ECMA-262标准，定义了名为ECMAScript的脚本语言，从此以后浏览器都将ECMAScript作为JavaScript的实现基础。
</div>
</body>
</html>

Kod di atas menetapkan nilai kiraan lajur kepada auto Jika tiada atribut lain yang berkaitan ditetapkan, lajur akan dipaparkan.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.php.cn/" />
<title>php中文网</title>
<style type="text/css">
.columns {
  border: 1px solid green;
  width: 600px;
  margin: 20px auto;
 
  -moz-column-count:4;
  -webkit-column-count:4;
  column-count:4;
}
</style>
</head>
<body>
<div class="columns">
互联网的出现，极大的促进了信息的交流，随着步伐的前进，网站的交互需求越来越多，但是受限于当时的软硬件条件，
特别是网络环境的限制，非常简单的表单验证都要花费大量的时间在服务器与客户端之间进行传输，
后来改名为JavaScript。随着JavaScript在互联网上的成功运用，微软公司也随之开发了自己的"JavaScript"名叫JScript，
于是在互联网上就出现多种标准的"JavaScript"脚本语言，如果任其发展下去，那么将会严重影响互联网发展，
于是标准化迫在眉睫。最后JavaScript被提交给提交给欧洲计算机制造商协会（ECMA），
并最终推出了ECMA-262标准，定义了名为ECMAScript的脚本语言，从此以后浏览器都将ECMAScript作为JavaScript的实现基础。
</div>
</body>
</html>

Kod di atas menyediakan paparan empat lajur.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.php.cn/" />
<title>php中文网</title>
<style type="text/css">
.columns {
  border: 1px solid green;
  width: 600px;
  margin: 20px auto;
 
  -webkit-column-width:150px;
  -moz-column-width: 150px;
  column-width: 150px;
 
  -moz-column-count:auto;
  -webkit-column-count:auto;
  column-count:auto;
}
</style>
</head>
<body>
<div class="columns">
互联网的出现，极大的促进了信息的交流，随着步伐的前进，网站的交互需求越来越多，但是受限于当时的软硬件条件，
特别是网络环境的限制，非常简单的表单验证都要花费大量的时间在服务器与客户端之间进行传输，
后来改名为JavaScript。随着JavaScript在互联网上的成功运用，微软公司也随之开发了自己的"JavaScript"名叫JScript，
于是在互联网上就出现多种标准的"JavaScript"脚本语言，如果任其发展下去，那么将会严重影响互联网发展，
于是标准化迫在眉睫。最后JavaScript被提交给提交给欧洲计算机制造商协会（ECMA），
并最终推出了ECMA-262标准，定义了名为ECMAScript的脚本语言，从此以后浏览器都将ECMAScript作为JavaScript的实现基础。
</div>
</body>
</html>

kiraan lajur akan dipengaruhi oleh sifat lain yang berkaitan.

Meneruskan pembelajaran

fail baharu

<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.php.cn/" /> <title>php中文网</title> <style type="text/css"> .columns { border: 1px solid green; width: 600px; margin: 20px auto; -webkit-column-width:150px; -moz-column-width: 150px; column-width: 150px; -moz-column-count:auto; -webkit-column-count:auto; column-count:auto; } </style> </head> <body> <div class="columns"> 互联网的出现，极大的促进了信息的交流，随着步伐的前进，网站的交互需求越来越多，但是受限于当时的软硬件条件，特别是网络环境的限制，非常简单的表单验证都要花费大量的时间在服务器与客户端之间进行传输，后来改名为JavaScript。随着JavaScript在互联网上的成功运用，微软公司也随之开发了自己的"JavaScript"名叫JScript，于是在互联网上就出现多种标准的"JavaScript"脚本语言，如果任其发展下去，那么将会严重影响互联网发展，于是标准化迫在眉睫。最后JavaScript被提交给提交给欧洲计算机制造商协会（ECMA），并最终推出了ECMA-262标准，定义了名为ECMAScript的脚本语言，从此以后浏览器都将ECMAScript作为JavaScript的实现基础。 </div> </body> </html>

serahkan Tetapkan Semula Kod

Operasi automatik