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

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

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

CSS

1 2 3 4 5 6

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水平居中