CSS 中有很多方法可以讓子元素在父容器中居中。下面讓我們來介紹幾種方法:
1. 使用 display 和 margin 屬性: 父容器: display: flex; justify-content: center; align-items: center; 子元素: margin: auto; 2. 使用 position 和 transform 屬性: 父容器: position: relative; 子元素: position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); 3. 使用 table 屬性: 父容器: display: table-cell; text-align: center; vertical-align: middle; 子元素: display: inline-block; 4. 使用 grid 屬性: 父容器: display: grid; place-items: center; 子元素: 不需要設(shè)置任何屬性。
以上是 CSS 在父容器居中的幾種常用方法,根據(jù)情況選擇合適的方法即可。