欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

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%。