Question

html怎么把li标签的前缀去掉 并且不占空间

默认状态是这样的

用list-style:none之后

提问的目的是：在用了list-style:none之后，再用什么方法 可以连着前面的空白处一起去掉，谢谢大神们啦~





Answer 1

li默认样式是有外部边距（margin）、内部边距（padding）以及显示的圆点符号（list-style），如果不想让li出现这些样式，只需要在css中重新定义li的样式即可：

<style>
li{margin:0px;padding:0px;list-style:none;}
</style>
<ul>
<li>无序列表1</li>
<li>无序列表2</li>
<li>无序列表3</li>
</ul>

Answer 2

*{margin:0;padding:0;}

Answer 3

li{margin:0;padding:0;list-style:none}

说明：li 浏览器解析默认是有边距的，我们一般写样式的时候回去掉所有html元素的内外边距，然后自定义对应元素的间距，平常我们说是样式初始化。

Answer 4

前面的空间是ul的空间，还要设置:

ul
{
margin:0;

padding:0;

}

Answer 5

li{margin:0; padding:0}