小編給大家分享一下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顯示在同一行
123
display: table
display:table 設(shè)置了該屬性的元素作為塊級(jí)表格來顯示,類似
和 | 可以用這一系列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 其他資訊 |
---|