我在CSS中尝试了很多“显示”参数,似乎无法设置正确的对齐方式,请帮我解决。
<div id="fadeshow2toggler" style="text-align:center; width:290px;">
<a href="#" class="prev"><img src="http://i31.tinypic.com/302rn5v.png"/></a>
<div class="status">1 of 1</div>
<a href="#" class="next"><img src="http://i30.tinypic.com/lzkux.png"/></a>
</div>
答案 0 :(得分:0)
显示不会设置任何对齐。
这可能就是你所需要的。
<style type="text/css">
.prev, .next, .status{float:left;}
</style>
答案 1 :(得分:0)
试试这个:
<center>
<div id="fadeshow2toggler" style="text-align:center; width:290px;">
<a href="#" class="prev"><img src="http://i31.tinypic.com/302rn5v.png"/></a>
<div class="status">1 of 1</div>
<a href="#" class="next"><img src="http://i30.tinypic.com/lzkux.png"/></a>
</div>
</center>
答案 2 :(得分:0)
你能修改HTML吗?如果是这样,为这两个锚添加一个容器,像这样添加div
<div id="fadeshow2toggler" style="width:290px;">
<div class="linkscontainer">
<a href="#" class="prev"><img src="http://i31.tinypic.com/302rn5v.png"/></a>
<div class="status">1 of 1</div>
<a href="#" class="next"><img src="http://i30.tinypic.com/lzkux.png"/></a>
</div>
</div>
并使用此CSS
.linkscontainer{
margin:0px auto;
min-width:50%;
}
.status{
display:inline;
}