+ -
当前位置:首页 → 问答吧 → ul li的问题请教

ul li的问题请教

时间:2010-06-03

来源:互联网

为什么 我使用ul li的时候 左面会空出很大的位置呢
是该给ul设置css呢还是li 使用哪个属性 才能是maigin=0
<ul> <li>1</li> <li>2</li> <li>3</li> </ul>
 提示:您可以先修改部分代码再运行

作者: shlin21   发布时间: 2010-06-03

UL,LI 默认有list-style属性.
ul,li,ol:list-style:none outside none
楼主最好再多了解下关于css reset 方面的东西

作者: 4321285   发布时间: 2010-06-03

<style>
body,ul,li {list-style:none;margin:0;padding:0;}
</style>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>

作者: ismog   发布时间: 2010-06-03

引用:
原帖由 shlin21 于 2010-6-3 14:57 发表
为什么 我使用ul li的时候 左面会空出很大的位置呢
是该给ul设置css呢还是li 使用哪个属性 才能是maigin=0
1 2 3
 提示:您可以先修改部分代码再运行
是因为margin的缘故,一般差20px,楼上已经给答案了,我就不说了

作者: xiahaiyong   发布时间: 2010-06-04

谢谢

作者: shlin21   发布时间: 2010-06-04

标准浏览器padding默认是有值的,而IE6、7则相反,margin默认有值,而padding为0.

因此,稳妥的办法是按照3楼的样式来,margin:0;padding:0;list-style:none;

作者: yoom   发布时间: 2010-06-04

我习惯将ul这样写:margin:0; padding:0;

作者: wwefuner   发布时间: 2010-06-04