div的居中 一、页面的水平居中 ...

...

原文 ...

设置div中的div居中显示 方法一、 方法二、 ...

今天总结下几种div中的内容水平居中的几种方法，至于好坏我还不是很清楚，就不阐述，希望有大佬能指示下，小弟不胜感激 1.首先是常规的 margin属性，上下固定，左右自适应 2.div高度自适应的情况 div在不设置高度的时候，会被里面的内容撑开 ...

　　 <div class='big'> <div class='small'>box1</div> </div> style样式： .big{ height:200px; width ...

方法一（使用绝对布局）： 这种方式的弊端是：必须要知道这个容器的长宽，因为在子元素中的 margin-top:-100px; margin-left:-100px; 这两个样式分别是子元素长、宽的一半。 方法二：仍然是绝对布局，让left和top都是50 ...

方法1： 方法2： 方法3： 方法4： ...