多列布局（column）

wangshijun 發(fā)布于2019-08-29 16:15 / 444人閱讀

摘要：代碼多列布局多列布局金融時(shí)報(bào)微軟能否拯救網(wǎng)易科技訊月日消息，據(jù)國外媒體報(bào)道，上市以來遭到業(yè)界與用戶的各種詬病，銷售量也不樂觀。一個(gè)標(biāo)志性動(dòng)作就是，本周早些時(shí)候，微軟宣布在今年年底之前發(fā)布的更新版本，代號(hào)為。

容器的屬性 column-width: auto | < length > 。給列定義一個(gè)最小寬度（min-width）。

auto: 列寬由其他元素決定。

length: 顯式設(shè)置最小寬度。

column-count: auto | < integer >定義列的數(shù)量。

auto: 元素只有一列。就像沒有設(shè)置一樣。

< integer >: 正整數(shù)值。取值是大于0的整數(shù)，負(fù)值無效。

columns: < column-width > || < column-count >。是column-width和column-count的簡(jiǎn)寫。次序隨意。

　　列寬 = （父元素寬度 - （列數(shù)-1）列間隙） / 列數(shù)*
　　比如：父元素40em，分為4列，列間隙為2em。那么列寬為（ 40 - （4-1） * 2） / 4 = 8.5em。
　　如果顯式設(shè)置的列寬小于這個(gè)寬度，它會(huì)以這個(gè)寬度展示。
　　如果顯式設(shè)置的列寬大于這個(gè)寬度，它會(huì)按照合適的尺寸重新排列列寬和列數(shù)。當(dāng)前設(shè)置的列寬和列數(shù)并不準(zhǔn)確。

column-gap: normal | < length >。定義列間距。值過大時(shí)會(huì)撐破布局。

normal: 默認(rèn)值，由瀏覽器解析，一般是lem。
< length >: 有浮點(diǎn)數(shù)字和單位標(biāo)識(shí)符組成的長度值。如：2.1em。

column-rule: < column-rule-width > | < column-rule-style > | < column-rule-color >。定義列邊框。

　　它的中心線始終和列間距的中心線一樣。換言之，它總處于兩列的中間。和border類似。如果列邊框大于列間距，并不會(huì)自動(dòng)消失。列邊框超出列間距的部分就像是沉在文字的下方一樣（背景效果）。

column-fill: auto | balance。定義多列中每一列的高度是否統(tǒng)一。

　　這個(gè)屬性很奇怪。并且在瀏覽器中不統(tǒng)一。它有兩個(gè)值：auto | balance。在 ie10/ie11/opera40/chrome52中測(cè)試的結(jié)果都是一樣的，發(fā)現(xiàn)這兩個(gè)屬性并沒有區(qū)別。在firefox49中測(cè)試，這兩個(gè)屬性是有區(qū)別的，其中balance是每列高度差不多（對(duì)齊），auto就自動(dòng)合并成一列了，無論自己設(shè)置的是多少列。

項(xiàng)目（元素）屬性 column-span: none | all。定義一個(gè)元素橫跨多少列。

　　如果我們常將標(biāo)題橫跨所有列。那么，column-span: all。其默認(rèn)值是，column-span: none；表示不跨列。

代碼：

    
    
    
        
        
        
        多列布局｜c(diǎn)olumn-span
    


    
        金融時(shí)報(bào)：微軟能否拯救Windows 8？
        網(wǎng)易科技訊 5月8日消息，據(jù)國外媒體報(bào)道，Windows 8上市以來遭到業(yè)界與用戶的各種詬病，銷售量也不樂觀。雖然微軟已經(jīng)意識(shí)到問題的嚴(yán)重性，但是鮑爾默能否力挽狂瀾，還不得而知。今天金融時(shí)報(bào)撰文分析Windows 8與微軟所遇到的困境，并展望了他們的未來，以下是文章主要內(nèi)容：
        微軟能否拯救Windows 8？
        這個(gè)問題關(guān)乎世界上最大的軟件公司的未來以及其首席執(zhí)行官史蒂夫·鮑爾默（Steve Ballmer）的職業(yè)生涯。微軟為了保持其在PC領(lǐng)域的領(lǐng)先地位而推出的操作系統(tǒng)并沒有得到用戶的認(rèn)可。
        不過，看起來微軟已經(jīng)意識(shí)到問題的嚴(yán)重性。一個(gè)標(biāo)志性動(dòng)作就是，本周早些時(shí)候，微軟宣布在今年年底之前發(fā)布Windows8的更新版本，代號(hào)為“Blue”。這是微軟第一次打破了按年發(fā)布的傳統(tǒng)，增加軟件版本發(fā)布的頻率，但跟競(jìng)爭(zhēng)對(duì)手蘋果和谷歌的軟件更新發(fā)布頻率還有不小差距。不過不管怎樣這都說明微軟已經(jīng)開始采取行動(dòng)，應(yīng)對(duì)更激烈的競(jìng)爭(zhēng)。
        設(shè)計(jì)融合PC和平板電腦的Win8已經(jīng)遭到了業(yè)界各種嚴(yán)厲的批評(píng)。紐約高科技研究公司Envisioneering的分析師Richard Doherty表示，“坐在Win8前面會(huì)讓人感覺這操作系統(tǒng)蠢斃了，早期使用反饋研究表明人們廣泛表示對(duì)win8不滿。”Win8結(jié)合了傳統(tǒng)PC界面和平板觸摸屏界面的設(shè)計(jì)理念也遭人詬病，一些評(píng)論認(rèn)為微軟過于雄心勃勃，以至于在兩款平臺(tái)上都沒有做好。
        不過微軟現(xiàn)在已經(jīng)準(zhǔn)備承認(rèn)該軟件確實(shí)給PC用戶帶來了不便：PC用戶面對(duì)Win8時(shí)，需要經(jīng)歷一個(gè)十分陡峭的“學(xué)習(xí)曲線”。同時(shí)，微軟也在做出改變，旨在提高Win8的可用性。雖然沒有確鑿證據(jù)，但微軟受到了來自PC用戶不小的壓力。PC用戶的希望是，當(dāng)他們打開自己的PC時(shí)，是熟悉的Windows桌面，而不是被強(qiáng)制使用“豐富多彩”的微軟瓷磚。同時(shí)，PC用戶也一直希望微軟把“開始”按鈕弄回來。長期以來這一直是PC用戶最熟悉的導(dǎo)航工具。
        這些反饋表明，很多用戶還沒有準(zhǔn)備好使用Windows的觸摸屏操作系統(tǒng)，而是繼續(xù)把Windows當(dāng)作PC時(shí)代的產(chǎn)品。微軟本周也承認(rèn)Win8的成功將不僅僅需要用戶界面的變化。Win8的另一個(gè)問題是價(jià)格。不過微軟目前正在推動(dòng)硬件廠商生產(chǎn)尺寸更小，成本更低的平板。這樣的話，Win8平板的價(jià)格可能迅速下降到400美元左右，并向300美元看齊。
        不過值得微軟慶幸的是至少目前Win8沒有遇到Vista的軟件質(zhì)量問題。許多企業(yè)用戶因?yàn)閂ista的各種弊病，直接跳過該版本，直接從早期的XP升級(jí)到Windows 7。約三分之二的企業(yè)用戶目前已經(jīng)升級(jí)到Windows 7。不過他們目前又開始了另一次觀望，已決定是否要做新的升級(jí)。如果企業(yè)用戶決定跳過Win8，那么微軟將錯(cuò)過追趕蘋果和谷歌的重要機(jī)會(huì)。