给div设置一个宽度,然后设置元素的左右外边距为 auto,比如,margin:0px auto
。则可以实现 div 居中显示。
对于浮动元素,设置其左右外边距为关键字 auto 是无效的。此时,如果需要设置其居中显示,可以:
1、 精确计算其左外边距并进行设置,实现居中显示;
2、 使用一个居中显示的 div 元素包含此浮动元素,代码如:
<div style="margin:0px auto;"><div style="float:left;"></div></div>
给div设置一个宽度,然后设置元素的左右外边距为 auto,比如,margin:0px auto
。则可以实现 div 居中显示。
对于浮动元素,设置其左右外边距为关键字 auto 是无效的。此时,如果需要设置其居中显示,可以:
1、 精确计算其左外边距并进行设置,实现居中显示;
2、 使用一个居中显示的 div 元素包含此浮动元素,代码如:
<div style="margin:0px auto;"><div style="float:left;"></div></div>