margin auto: 是使自身在浏览器内居中,需要配合宽度使用:(只有自身有作用)
text-align:center: 针对当前下所有的文本内容居中(是对里面的内容 例img 各种文本)
相同点:这两个在元素浮动(fl re ab fi)的情况下,是不能对元素起作用的当 position: absolute 时,元素会向父级递归寻找 position 属性不为 static 的元素,并找到的第一个元素的边界为基准进行居中对齐,如果找不到,则以 body 元素为基准。
当 position: fixed 时,元素以浏览器的窗口为基准居中对齐。
扩展1:margin 0 auto: 表示top bottom为0 左右居中
扩展2:一个纯 img 是没有边框的,但是你给他一个hover 里面设置border,就有边框
DIV水平居中显示CSS代码
需要的主要css代码有两个,一个为text-align:center(内容居中),另外一个为margin:0 auto;其两个样式需要配合使用才能实现div盒子的居中显示排版。
首先我们对body设置text-align:center,再对需要居中的div盒子设置css样式margin:0 auto,这样即可让对应div水平居中。
w3c标准自适应高度height100%不起作用
后来发现要给html,body都增加height:100%的属性,这是高度自适应问题的关键所在。
html,body{
margin:0px;
height:100%;
}
html,body{
margin:0px;
height:100%;
}