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

 

<divid="outer">

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