色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css 文本上下左右居中

錢斌斌2年前14瀏覽0評論

CSS中如何將文本實現上下左右居中呢?下面我們來介紹幾種方法。

/* 方法一:使用display和text-align屬性 */
.container {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
/* 方法二:使用絕對定位和transform屬性 */
.container {
position: relative;
}
.text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 方法三:使用table和vertical-align屬性 */
.container {
display: table;
}
.text {
display: table-cell;
vertical-align: middle;
}
/* 方法四:使用line-height屬性 */
.container {
height: 200px;
text-align: center;
line-height: 200px;
}

以上幾種方法都是來實現文本居中,但是實現方式不同。根據實際情況選擇不同的方法來實現吧。