Question

div css如何实现子DIV里的多个子DIV水平居中？

<div class="find_center">
<DIV id="find_button">
<DIV class="find_button_left"></DIV>
<DIV class="find_button_center"><a href="#">查询查询查询查询查询查询查询</a></DIV>
<DIV class="find_button_right"></DIV>
</DIV>
<DIV id="find_button">
<DIV class="find_button_left"></DIV>
<DIV class="find_button_center"><a href="#">查询</a></DIV>
<DIV class="find_button_right"></DIV>
</DIV>
<DIV id="find_button">
<DIV class="find_button_left"></DIV>
<DIV class="find_button_center"><a href="#">查询查询查询查询查询查询</a></DIV>
<DIV class="find_button_right"></DIV>
</DIV>
</div>

我要实现3个find_button水平剧中
.find_center{
height: 25px;

}
.find_button{
height: 25px;

}
.find_button_left{
width: 9px;
height: 22px;
background-image:url(f01.jpg);
margin-left:10px;
float: left;
}
.find_button_center{
height: 17px;
background-image:url(f02.jpg);
float: left;
text-align: center;
padding-top:5px;
}

.find_button_center a {
font-size: 12px;
color: #fff;
text-decoration:none;
}
.find_button_center a:hover{
color:#000;
}
.find_button_right{
width: 9px;
height: 22px;
background-image:url(f03.jpg);
float: left;
}

Answer 1

首先，在同一个页面中，不提倡用多个相同的ID，最好用class
你试试我的方法
#find_button{
margin:0px auto;
}

Answer 2

方法一：在这三个div中增加style="text-align:center;vertical-align:middle"
方法二：增加样式
.find_center div {
text-align:center;
vertical-align:middle
}

即可

追问

试过了。。没有效果啊。。。。

追答

你在css文件中查看一下 find_center div 是否已经存在，如果重复了，以最上面定义的为准的 。
你的find_button可以增加text-align:center

追问

不对啊。。。。text-align:center只能定义内部剧中吧。。我要find_button这个DIV居中。。。find_center div 之前没有的。加了也没效果。。头疼死啦！！

追答

你的find_center等都没用定义div宽度，很可能造成已经居中，但是页面的效果都挤在左边，你要分清这两种情况哦.
比如你现在将find_center的宽度设置成1000px试试看？