dfkt.net
当前位置:首页 >> Div+Css怎样才能<ul>lt;li>靠左边对齐,... >>

Div+Css怎样才能<ul>lt;li>靠左边对齐,...

给你个例子:第一行文字第二行文字第三行文字*{margin:0;padding:0;}.f{clear:both;width:300px;margin:auto;}.f li{float:left;list-style:none;text-align:left;display:inline;width:280px;height:25px;line-height:25px;font-size:12px;overflow:hidden;}

<div class="navi"> <ul> <li><a>首页</a></li> <li><a>公司简介</a></li> <li><a>产品展示</a></li> <li><a>客户留言</a></li> <li><a>人才招聘<

先把li的宽度设置成和ul一样 然后对li用float:left;<ul id="u"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li></ul>#u{ list-style:none; width:100px; }#u li{ float:left; width:100%; }

li左对齐要先将ul、li的默认左边距给去除了.ul,li{ margin:0px;padding:0px;}至于li的样式,可以先将ul的样式给去除了,也可以将“”直接放在li里面,如下:

直接用列表

body:padding:0;margin:0;先清除一下浏览器默认的边距

直接用列表啊,自动左对齐的!我的css网站,通过了w3c认证,希望多多交流!

用ul li比较好实现吧

楼上正解,文字对其align=center

额你到底是想居中还是左对齐?居中就直接用text-align:center; 而默认就是左对齐的,顶多是设置text-align:left;如果你想要的效果是内容偏中间一点,那你就在li上加padding-left控制位置

相关文档
网站首页 | 网站地图
All rights reserved Powered by www.dfkt.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com