CSS中設(shè)置元素屬性居中是頁(yè)面布局的重要一環(huán)。以下是幾個(gè)常用的屬性設(shè)置方法:
/*1. 水平居中*/ text-align: center; /*2. 垂直居中*/ /*2.1 行內(nèi)元素*/ line-height: 父元素高度; /*2.2 塊級(jí)元素*/ height: 父元素高度; margin: auto; /*2.3 彈性盒子*/ display: flex; justify-content: center; /*水平居中*/ align-items: center; /*垂直居中*/
其中,text-align屬性用于水平居中,常用于文本和圖片元素等。line-height屬性用于行內(nèi)元素垂直居中,其值等于父元素高度。height和margin屬性用于塊級(jí)元素垂直居中,其中height需要設(shè)置為父元素高度,margin則設(shè)置為auto。彈性盒子則是最常用的垂直居中方法,通過設(shè)置flex屬性和justify-content屬性實(shí)現(xiàn)水平居中,align-items屬性實(shí)現(xiàn)垂直居中。