CSS常用布局

1.左右布局

方法1.使用clearfix屬性


clearfix的內(nèi)容:


方法2.使用絕對(duì)定位position


絕對(duì)定位是使內(nèi)容顯示在界面左上角,配合right使用。



2.左中右布局

方法1.使用clearfix屬性配合外邊距margin


方法2.使用絕對(duì)定位position配合外邊距margin



3.水平居中

使用text-align: center





4垂直居中

使用vertical-align: top屬性


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,168評(píng)論 1 92
  • 一、左右布局 1.table:table的li實(shí)現(xiàn) 實(shí)現(xiàn)原理: table標(biāo)簽是能夠具有實(shí)現(xiàn)左右布局的屬性,也是我...
    鼻鼻_0632閱讀 655評(píng)論 0 1
  • css簡(jiǎn)單布局 1.左右布局 常用左邊固定,右邊自適應(yīng) 實(shí)現(xiàn)這樣的布局,我們可能會(huì)有如下方法: 浮動(dòng)布局 flex...
    Sur_lee閱讀 418評(píng)論 0 0
  • 最近開始學(xué)習(xí)CSS,了解了一些基礎(chǔ)和常規(guī)寫法。CSS的知識(shí)十分復(fù)雜,是值得不斷發(fā)掘和完善的一個(gè)前端模塊。對(duì)于新人來...
    不討喜的大雄閱讀 3,548評(píng)論 0 1
  • 我們聽過無數(shù)的道理,卻仍舊過不好這一生。打破這句話很簡(jiǎn)單,所有的過不好終究都?xì)w結(jié)于自己的心態(tài),價(jià)值觀。不管生活多么...
    從0到1的平方閱讀 169評(píng)論 0 0

友情鏈接更多精彩內(nèi)容