首页 > 开发 > CSS > 正文

CSS各种居中布局方法汇总

2024-07-11 08:56:15
字体:
来源:转载
供稿:网友

本篇文章讨论居中情况设定为总宽度不定,内容宽度不定的情况。(改变大小时,仍然居中)。

特别说明:在元素设置position:absolute;来设置居中效果时,除去博客下介绍的css3方法外,还可以使用负的margin来居中,这样解决了兼容性的问题,但是只适用于宽高已知的情况(因为负的偏移量为元素宽高的一半)。宽高改变时,不再是居中效果。

在这些布局中的子元素,因为其属性设置,都默认为内容宽度。

本文所有居中的例子,只讨论css的实现,html代码统一如下:

CSS Code复制内容到剪贴板
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表