需要<li>为向左浮动的ul的居中对齐
需要<li>为向左浮动的ul的居中对齐
提问于 2012-04-06 19:00:49
<style>
body{
margin:0;
padding:0;
}
#module_footerLink li{
float:left;
list-style:none;
margin:0 5px;
}
.clear{
clear:both;
}
.wrap{
border:1px solid #ccc;
width:900px;
text-align:center;
}
</style>
<body>
<div class="wrap">
<ul id="module_footerLink">
<li><a id="id_home" href="home"><span>Home</span></a></li>
<li><a id="id_the_resort" href="article-AboutUs"><span>The Resort</span></a> </li>
<li><a id="id_facilities" href="article-facilities"><span>Facilities</span></a></li>
<li><a id="id_tariff" href="article-tariff"><span>Tariff</span></a></li>
<li><a id="id_media" href="article-media"><span>Media</span></a></li>
<li><a id="id_links" href="article-links"><span>Links</span></a></li>
<li><a id="id_contact_us" href="contact"><span>Contact Us</span></a></li>
<li class="clear"></li>
</ul>
<div class="clear"></div>
</div>
</body>这里我想让li在div的中间，它的类是wrap。有人知道我该怎么做吗？我已尝试居中对齐，但不起作用.............
回答 4
Stack Overflow用户
回答已采纳
发布于 2012-04-06 19:57:26
请参阅更新的css：
<style>
body {
margin: 0;
padding: 0;
}
#module_footerLink {
margin:auto;
width:450px;
}
#module_footerLink li {
float: left;
list-style: none;
margin: 0 5px;
background:red;
}
.clear {
clear: both;
}
.wrap {
border: 1px solid #ccc;
width: 900px;
text-align: center;
background:blue;
}
</style>我觉得你看起来像这样：- http://jsfiddle.net/eHyuZ/2/
已更新
现在您可以添加li，根据您的requirement...it将不会去任何地方实际上您的部分方法是不正确的，这就是您现在遇到问题的原因，我已经做了一些更改，并以适当的方式使其成为导航
查看更新后的链接：http://jsfiddle.net/eHyuZ/7/
Stack Overflow用户
发布于 2012-04-06 19:14:38
body{
margin:0;
padding:0;
}
#module_footerLink li{
display: inline-block;
list-style:none;
margin:0 5px;
/* For IE 7 */
zoom: 1;
*display: inline;
}
.clear{
clear:both;
}
.wrap{
border:1px solid #ccc;
width:900px;
text-align:center;
}Stack Overflow用户
发布于 2012-04-06 19:12:12
必须使用空白区:0自动；
.wrap{
border:1px solid #ccc;
width:900px;
margin:0 auto;
text-align:center;
}http://www.w3schools.com/css/css_align.asp
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10042562
复制相关文章
相似问题
腾讯云开发者
