css水平、垂直居中有哪几种方式
时间: 2023-06-04 07:05:54 浏览: 147
CSS实现垂直居中的几种方法
5星 · 资源好评率100%
可以使用以下几种方式实现CSS水平、垂直居中:
1. 使用flexbox布局,将父元素设置为display: flex,并使用justify-content和align-items属性来让子元素水平、垂直居中。
2. 使用position: absolute和transform: translate属性,将子元素的左上角定位到父元素正中央。
3. 使用display: table-cell和vertical-align: middle属性,将子元素的垂直对齐方式设置为居中。
4. 给父元素设置line-height属性,并将值设置为与父元素等高,然后将子元素的display属性设置为inline-block,即可实现水平、垂直居中。
阅读全文