css使宽度不定的div水平居中

http://www.w3clog.com/1496.html



我们知道设置了宽度的div等块级元素居中很简单，像下面这样就可以了：

CSS

123456

div { width:100px; margin:0 auto;}

然而，如果div宽度不定的话，如何居中呢？同样，我们知道行内元素居中也很简单，只要它的父元素设置了text-algin:center就可以了。所以，我们可以把宽度不定的div设置成行内元素，然后设置它的父元素text-algin:center就可以了，如：XHTML

1 2 3 4 5

<div id="outer"> <div id="inner">宽度不定的div</div> </div>

CSS

1 2 3 4 5 6 7 8 9 10 11 12

#outer { background:#f66; text-align:center; } #inner { display:inline; color:#fff; background:#66f; }

转载请注明：前端日志网 » css使宽度不定的div水平居中