真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

css3如何使用display:table實(shí)現(xiàn)多欄布局

小編給大家分享一下css3如何使用display: table實(shí)現(xiàn)多欄布局,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

創(chuàng)新互聯(lián)建站云計(jì)算的互聯(lián)網(wǎng)服務(wù)提供商,擁有超過13年的服務(wù)器租用、光華機(jī)房服務(wù)器托管、云服務(wù)器、虛擬空間、網(wǎng)站系統(tǒng)開發(fā)經(jīng)驗(yàn),已先后獲得國家工業(yè)和信息化部頒發(fā)的互聯(lián)網(wǎng)數(shù)據(jù)中心業(yè)務(wù)許可證。專業(yè)提供云主機(jī)、虛擬空間、主機(jī)域名、VPS主機(jī)、云服務(wù)器、香港云服務(wù)器、免備案服務(wù)器等。

假如把下面的三個(gè)div顯示在同一行


    1
    2
    3

css3如何使用display: table實(shí)現(xiàn)多欄布局

display: table

display:table     設(shè)置了該屬性的元素作為塊級(jí)表格來顯示,類似

。
display:table-cell 設(shè)置了該屬性的元素會(huì)作為一個(gè)表格單元格顯示,類似

可以用這一系列table-row-group、table-header-group、table-footer-group、table-row等用其他標(biāo)簽實(shí)現(xiàn)類似于表格的布局。

#parent{
        display: table;
    }
    #parent>div{
        display:table-cell;
        border:1px solid black;
        width:200px;
        height:200px;
        text-align: center;
    }
    #box1{
        background-color:red;
    }
    #box2{
        background-color:yellow;
    }
    #box3 {
        background-color:blue;
    }

以上是“css3如何使用display: table實(shí)現(xiàn)多欄布局”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!


當(dāng)前文章:css3如何使用display:table實(shí)現(xiàn)多欄布局
URL網(wǎng)址:http://weahome.cn/article/gjeseo.html

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部

<ul id="mim4g"></ul>