为什么ul设置list-style-type导致边距无效
时间: 2023-09-17 20:07:36 浏览: 58
当ul元素设置了list-style-type属性时,浏览器会自动为li元素设置默认的外边距(margin),以便让列表项与列表标记(如圆点或数字)有一定的间隔。如果此时再给li元素设置自定义的外边距,可能会导致两者之间的边距重叠,从而使自定义的外边距无效。解决方法可以是给ul元素加上padding或使用负边距来调整间距。
相关问题
ul的list-style-type不生效
```html
<ul style="list-style-type: none;">
<li>list-style-type属性</li>
<li>list-style-position属性</li>
<li>list-style-image属性</li>
</ul>
```
```html
<ul>
<li style="list-style-type: none;">list-style-type属性</li>
<li style="list-style-type: none;">list-style-position属性</li>
<li style="list-style-type: none;">list-style-image属性</li>
</ul>
```
还原ul list-style-type
要还原无序列表(ul)的list-style-type样式,可以将其设置为默认值,即“disc”。可以使用以下CSS代码实现:
```
ul {
list-style-type: disc;
}
```
这将将每个列表项前面的标记还原为圆点。如果列表项之前有其他自定义标记,可以将“disc”替换为“none”,以便将其删除并还原为默认标记。