CSS水平居中和垂直居中的方法-第一部分:CSS水平居中
最编程
2024-01-12 13:57:32
...
css水平居中有大致有以下三种情况:
1.文本、图片等行内元素:
给父元素添加属性:text-align:center;
2.确定宽度的块级元素:
添加属性:margin-left:auto;margin-right:auto;
3.不确定宽度的块级元素:
有三种处理方法:
a.把块级元素display:inline;变成行内元素,然后使用text-align:center实现。
b.把块级元素包含在table里,然后对table添加属性margin-left:auto;margin-right:auto;
c.给父元素设置float,然后给父元素设置position:relative;left:50%,子元素设置position:relative;left:-50%。