亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

Penggunaan rentang lajur CSS3

CSS3 lajur-span
atribut lebar lajur digunakan untuk menentukan bilangan lajur terbentang.
Struktur sintaks:

column-span: none || all;

Analisis parameter:
(1).tiada: Nilai lalai, menunjukkan tidak menjangkau mana-mana lajur.
(2).semua: bermaksud merentangi semua 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://ipnx.cn/" />
<title>php中文網</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)網的出現,極大的促進了信息的交流,隨著步伐的前進,網站的交互需求越來越多,但是受限于當時的軟硬件條件,
特別是網絡環(huán)境的限制,非常簡單的表單驗證都要花費大量的時間在服務器與客戶端之間進行傳輸,
后來改名為JavaScript。隨著JavaScript在互聯(lián)網上的成功運用,微軟公司也隨之開發(fā)了自己的"JavaScript"名叫JScript,
于是在互聯(lián)網上就出現多種標準的"JavaScript"腳本語言,如果任其發(fā)展下去,那么將會嚴重影響互聯(lián)網發(fā)展,
于是標準化迫在眉睫。最后JavaScript被提交給提交給歐洲計算機制造商協(xié)會(ECMA),
并最終推出了ECMA-262標準,定義了名為ECMAScript的腳本語言,從此以后瀏覽器都將ECMAScript作為JavaScript的實現基礎。
</div>
</body>
</html>
Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(php.cn)</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>注意:</b> Internet Explorer 9及更早 IE 版本瀏覽器不支持 column-count 屬性。</p> <div class="newspaper"> <h2>英國維斯米斯特教堂碑文</h2> 當我年輕的時候,我夢想改變這個世界;當我成熟以后,我發(fā)現我不能夠改變這個世界,我將目光縮短了些,決定只改變我的國家;當我進入暮年以后,我發(fā)現我不能夠改變我們的國家,我的最后愿望僅僅是改變一下我的家庭,但是,這也不可能。當我現在躺在床上,行將就木時,我突然意識到:如果一開始我僅僅去改變我自己,然后,我可能改變我的家庭;在家人的幫助和鼓勵下,我可能為國家做一些事情;然后,誰知道呢?我甚至可能改變這個世界。 </div> </body> </html>