Utilisation de l'étendue des colonnes CSS3
L'attribut CSS3 column-span
column-width est utilisé pour spécifier le nombre de colonnes couvertes.
Structure de syntaxe?:
column-span: none || all;
Analyse des paramètres?:
(1).none?: valeur par défaut, indiquant de ne s'étendre sur aucune colonne.
(2).all?: signifie couvrir toutes les colonnes.
Prise en charge des navigateurs?:
(1) Les navigateurs IE10 et IE10 et supérieurs prennent en charge cet attribut.
(2). Google Chrome prend en charge cet attribut.
(3). Le navigateur Firefox prend en charge cet attribut. Le navigateur
(4).opera prend en charge cet attribut.
(5).Le navigateur Safari prend en charge cet attribut.
Remarque spéciale?:
Le navigateur Firefox doit ajouter le préfixe -moz-.
Les navigateurs Google et Safari doivent ajouter le préfixe -webkit-.
Exemple de code?:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://ipnx.cn/" />
<title>php中文網(wǎng)</title>
<style type="text/css">
.columns {
border: 1px solid green;
width: 600px;
margin: 20px auto;
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
}
h1 {
-webkit-column-span:all;
column-span:all;
}
</style>
</head>
<body>
<div class="columns">
<h1>螞蟻部落</h1>
互聯(lián)網(wǎng)的出現(xiàn)，極大的促進了信息的交流，隨著步伐的前進，網(wǎng)站的交互需求越來越多，但是受限于當時的軟硬件條件，
特別是網(wǎng)絡環(huán)境的限制，非常簡單的表單驗證都要花費大量的時間在服務器與客戶端之間進行傳輸，
后來改名為JavaScript。隨著JavaScript在互聯(lián)網(wǎng)上的成功運用，微軟公司也隨之開發(fā)了自己的"JavaScript"名叫JScript，
于是在互聯(lián)網(wǎng)上就出現(xiàn)多種標準的"JavaScript"腳本語言，如果任其發(fā)展下去，那么將會嚴重影響互聯(lián)網(wǎng)發(fā)展，
于是標準化迫在眉睫。最后JavaScript被提交給提交給歐洲計算機制造商協(xié)會（ECMA），
并最終推出了ECMA-262標準，定義了名為ECMAScript的腳本語言，從此以后瀏覽器都將ECMAScript作為JavaScript的實現(xiàn)基礎。
</div>
</body>
</html> 
