在CSS中,c的意思是「居中」,是布局中最基本的一種方式。可以讓某個(gè)元素在其父元素中居中,或者讓文本在其容器中水平或垂直居中。
父元素{ display:flex; justify-content:center; align-items:center; }
上面的代碼可以讓容器里的內(nèi)容在水平和垂直方向上都居中。其中,display:flex;是讓容器變成flex容器,justify-content:center;是讓容器內(nèi)的元素在橫向上居中,而align-items:center;則是讓元素在縱向上居中。
.container{ position:relative; } img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
上面的代碼可以使一張圖片在其容器中水平和垂直居中。其中,position:relative;是把容器設(shè)置為相對(duì)定位,而img元素則用了position:absolute;,并且設(shè)置了left:50%;和top:50%;讓圖片相對(duì)于容器的左上角偏移50%。最后,transform屬性使用了一個(gè)平移函數(shù):transform:translate(-50%,-50%);,這樣就讓圖片定位到了容器中心。
以上就是CSS中c的意思,可以通過(guò)這個(gè)屬性快速實(shí)現(xiàn)元素的居中布局。
上一篇php hprose
下一篇java的概念和定義