DIV里面的UL怎么右对齐啊?
<styletype="text/css">#default-02_{width:971px;height:30px;border:1pxsolid;margin:0}#...
<style type="text/css">
#default-02_
{
width: 971px;
height: 30px;
border:1px solid;
margin:0
}
#jsddm
{
margin: 0;
padding: 0;
}
#jsddm li
{ float: left;
list-style: none;
text-align:center;
margin-right:0
padding-right:0;
}
#jsddm li a
{ display: block;
padding: 0px 12px;
text-decoration: none;
width: 90px;
height:30px;
line-height:30px;
white-space: nowrap;
}
</style>
<div id="default-02_">
<ul id="jsddm">
<li><a href="#" >首页</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">经营业务</a></li>
<li><a href="#">在线服务</a></li>
<li><a href="#">企业文化</a></li>
<li><a href="#">质量体系</a></li>
</ul>
</div>
我需要UL里的内容在DIV里右对齐,应该怎么弄?
我把#jsddm li里面的float改成right的确右对齐了,但li列表的顺序也翻了,虽然可以手工更改li的顺序,但我还是希望知道有什么办法可以直接将DIV里的内容右对齐
另外外围的这个DIV如何相对于整个页面居中对齐呢,也请大家指教一下
谢谢 展开
#default-02_
{
width: 971px;
height: 30px;
border:1px solid;
margin:0
}
#jsddm
{
margin: 0;
padding: 0;
}
#jsddm li
{ float: left;
list-style: none;
text-align:center;
margin-right:0
padding-right:0;
}
#jsddm li a
{ display: block;
padding: 0px 12px;
text-decoration: none;
width: 90px;
height:30px;
line-height:30px;
white-space: nowrap;
}
</style>
<div id="default-02_">
<ul id="jsddm">
<li><a href="#" >首页</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">经营业务</a></li>
<li><a href="#">在线服务</a></li>
<li><a href="#">企业文化</a></li>
<li><a href="#">质量体系</a></li>
</ul>
</div>
我需要UL里的内容在DIV里右对齐,应该怎么弄?
我把#jsddm li里面的float改成right的确右对齐了,但li列表的顺序也翻了,虽然可以手工更改li的顺序,但我还是希望知道有什么办法可以直接将DIV里的内容右对齐
另外外围的这个DIV如何相对于整个页面居中对齐呢,也请大家指教一下
谢谢 展开
2个回答
约克仪器
2024-10-21 广告
2024-10-21 广告
固定点黑体是一种用于工程与技术科学基础学科领域的工艺试验仪器,于2006年5月9日启用。固定点黑体炉是一种用于工程与技术科学基础学科领域的工艺试验仪器,于2006年5月9日启用。以上信息仅供参考,如果你需要了解更详细的信息,建议前往官方网页...
点击进入详情页
本回答由约克仪器提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询