常見的 CSS 居中方法有以下幾種:
文本居中:可以使用 text-align: center
屬性將文本水平居中,或者使用 vertical-align: middle
屬性將文本垂直居中。
塊級元素居中:可以使用 margin: 0 auto
屬性將塊級元素水平居中,或者使用 display: flex
和 justify-content: center
屬性將塊級元素水平居中。
行內元素居中:可以使用 text-align: center
屬性將行內元素水平居中,或者使用 display: flex
和 align-items: center
屬性將行內元素垂直居中。
絕對定位元素居中:可以使用 top: 50%
和 left: 50%
屬性將元素的左上角定位到父元素的中心,然后使用 transform: translate(-50%, -50%)
屬性將元素向左上角偏移自身寬度和高度的一半,實現元素居中。
表格居中:可以使用 margin: 0 auto
屬性將表格水平居中,或者使用 display: table
和 margin: 0 auto
屬性將表格水平居中。
這些方法可以根據具體需求和元素類型選擇合適的方式進行居中。