HTML>
<html>
<head>
<meta
http-equiv="Content-Type"
content="text/html
charset=utf-8">
<title>无标题文档</title>
<style
type="text/css">
.one
{
margin:0
auto
width:150px
height:25px
background:#FF6
}
.STYLE1
{
font-family:
Arial,
Helvetica,
sans-serif
font-size:
12px
text-align:center
}
</style>
</head><body>
<div
class="one">
<div
class="STYLE1">看看是不是居中啦？</div>
</div>
</body>
</html>
使用列表的时候，当给li加上浮动float的话，就会发现text-align:center无效了，这是因为这里的li是区块元素，使用text-align是无效的，给lI加上宽高和背景颜色就可以看到效果了，这时ul要进行居中就只能用margin:0 auto才行。如果实在不想使用margin这个居中的方法，可以把li的float去掉，使用display:inline可以把li变为内联元素，这时就可以使用text-align:center了。
你可以尝试下，希望帮助到你，有疑问可向我追问，尽我所能为你解答。
