需要<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。有人知道我该怎么做吗？我已尝试居中对齐，但不起作用.............
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提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10042562
复制相关文章
相似问题
腾讯云开发者
