且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

CSS 自动居中一列布局

更新时间:2022-02-21 22:33:15

(1)三个技能点:
①标准文档流
②块级元素
③margin属性(实现网页自动居中布局的关键)
2、居中设置:margin:0 auto;
(1)auto:会根据浏览器的宽度自动的设置两边的外边距
(2)原理:(浏览器的宽度-外包含层的宽度)/2=外边距
(3)要求:不能再设浮动或绝对定位属性
如果想让页面自动居中,当设置margin属性为auto的时候,不能再设置浮动(float)或绝对定位(position)属性,不然magin会失效