Question

导航条 里面每一项的文字怎么居中啊

<style type="text/css">
.daohang{ background-image:url(img/背景1.gif); background-repeat: repeat; height:67px; width:2000px;}
.daohang li{ float:left; width:100px; text-align:center; height:67px; line-height:67px; list-style:none;}

<div class="daohang">
<ul>
<li>团购信息 </li>
<li>关于我们</li>
<li>联系我们</li>
</ul></div>

怎么让这些导航选项都居中啊！现在都是左漂的

Answer 1

<style type="text/css">
.daohang{ background-image:url(img/背景1.gif); background-repeat: repeat; height:67px; width:2000px; text-align:center;}
.daohang a{ padding:0 10px;}
</style>
<div class="daohang">
<a href="#">团购信息</a> <a href="#">关于我们</a> <a href="#">联系我们</a></div>
我明白你的意思了..
你知道为什么你那里不居中么？因为你设的宽度是2000px的 这样的像素下面会出现下拉

追问

我是新手？啥意思啊，该
怎么弄

追答

我上面代码里面有...你设的宽度太宽 所以不能居中..正常的屏幕是1024的 你都 设成2000的了 所以下面有下拉菜单 ..无法定义你想要的居中
上面的代码中说明了 你可以直接用div 不用ul 和li写 让其居中对齐就可以了
如果是新手的话 建议还是多看下css规则吧

Answer 2

给DIV里面的ul加个样式<ul style="margin:0 auto;"></ul>