假设有一个布局，希望让其中的容器div在屏幕上水平居中，则只需要定义div的宽度，然后将水平外边距设置为auto
<body>
<div class="wrapper"> </div>
</body>
.wrapper{
width:920px;
margin:0 auto;
}
注意：上述方法在现代浏览器中都是有效的，但是，混杂模式中的IE 5.x和IE 6不支持margin:auto声明，但IE将text-align:center误解为让所有东西居中，而不只是文本，可以利用这一点，具体方法是让主体标签中的所有东西居中，包括容器div，然后让容器的内容重新向左对齐：
body{
text-align:center;
}
.wrapper{
width:920px;
margin:0 auto;
text-align:left;
}
假设有一个布局，希望让其中的容器div在屏幕上水平居中，则只需要定义div的宽度，然后将水平外边距设置为auto ...
css布局技术的根本都是3个基本概念：定位，浮动和外边距操纵。 1. 使用外边距让设计居中 2. 基本浮动的布局 ...
回顾复习 关于边框 内边框 外边框 外边距自动水平居中 外边距的叠压问题 外边距的传递问题
当居中 div 宽度不固定时 1. 设置左右外边距值相等 当居中 div 宽度固定时 1. 设置左右外边距值为au...
vertical：middle 针对表格，垂直居中 针对行内元素，基于父容器的基线垂直居中 边距合并 外边距合并：...
1、居中的n种方法： ①、margin: 0 20%; ——设置margin上下外边距的值设置为0，左右外边距设置...
[if !supportLists]1.[endif]使用绝对定位和负外边距对块级元素进行垂直居中 我是测试D...
原文 博客原文 大纲 前言1、使用绝对定位和负外边距对块级元素进行垂直居中2、使用绝对定位和transform3、...
外边距外边距是元素边框与周围元素相距的空间。使用margin属性可以设置外边距。使用margin-top/righ...
外边距外边距是元素边框与周围元素相隔的空间。使用margin属性可以设置外边距。当左右外边距设置为auto时，浏览...
本文标题：使用外边距让设计居中
本文链接：https://www.haomeiwen.com/subject/jzspjxtx.html
网友评论