這篇文章主要講解了“css3中column-span的作用是什么”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“css3中column-span的作用是什么”吧！

創(chuàng)新互聯(lián)科技有限公司專(zhuān)業(yè)互聯(lián)網(wǎng)基礎(chǔ)服務(wù)商，為您提供雅安移動(dòng)機(jī)房，高防服務(wù)器租用，成都IDC機(jī)房托管，成都主機(jī)托管等互聯(lián)網(wǎng)服務(wù)。

在css3中，column-span屬性用于在元素分列顯示時(shí)，指定某個(gè)元素應(yīng)該跨越多少列；語(yǔ)法格式“column-span:1|all;”，當(dāng)值為“1”時(shí)指定元素應(yīng)跨越一列，當(dāng)值為“all”時(shí)指定元素應(yīng)該跨越所有列。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

column-span屬性可以指定某個(gè)元素應(yīng)該跨越多少列。語(yǔ)法格式：

column-span: 1|all;

下面通過(guò)示例來(lái)看看column-span屬性的作用：

 







英國(guó)維斯米斯特教堂碑文
當(dāng)我年輕的時(shí)候，我夢(mèng)想改變這個(gè)世界；當(dāng)我成熟以后，我發(fā)現(xiàn)我不能夠改變這個(gè)世界，我將目光縮短了些，決定只改變我的國(guó)家；當(dāng)我進(jìn)入暮年以后，我發(fā)現(xiàn)我不能夠改變我們的國(guó)家，我的最后愿望僅僅是改變一下我的家庭，但是，這也不可能。當(dāng)我現(xiàn)在躺在床上，行將就木時(shí)，我突然意識(shí)到：如果一開(kāi)始我僅僅去改變我自己，然后，我可能改變我的家庭；在家人的幫助和鼓勵(lì)下，我可能為國(guó)家做一些事情；然后，誰(shuí)知道呢?我甚至可能改變這個(gè)世界。