垂直水平居中的几种方法总结
垂直水平居中的几种方法
水平居中
1. 行内元素
text-align: center;
将其父元素设置为块级元素,再给父元素设置 text-align: center;
2. 块级元素
方案一:常规方法(宽度是否存在两种情况)(使盒子水平居中)
宽度存在:
设置子元素为 margin:0 auto;
宽度不存在:
默认子元素的宽度和父元素一样,这时需要设置子元素为display: inline-block; 或**display: inline,**即将其转换成行内块级/行内元素,给父元素设置
原创
2022-02-13 13:07:42 ·
250 阅读 ·
0 评论