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; }
以上幾種方法都是來實現文本居中,但是實現方式不同。根據實際情況選擇不同的方法來實現吧。
上一篇css 文本不能被選中
下一篇css 文本方式