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