可以將嵌套的HTML列表項強制對齊到左側嗎?對於如:是否可以強制嵌套的HTML列表項左對齊?
- 蝙蝠
- 貓
- 鼠
- 一個
- 墊
<ul>
<li>Bat</li>
<li>Cat</li>
<li>Rat<ul><li>one</li><li>two</li><li>three</li></ul></li>
<li>Mat</li>
</ul>
應該看起來像(不刪除NE STED列表):
- 蝙蝠
- 貓
- 鼠
- 一個
- 墊
可以將嵌套的HTML列表項強制對齊到左側嗎?對於如:是否可以強制嵌套的HTML列表項左對齊?
<ul>
<li>Bat</li>
<li>Cat</li>
<li>Rat<ul><li>one</li><li>two</li><li>three</li></ul></li>
<li>Mat</li>
</ul>
應該看起來像(不刪除NE STED列表):
是的,可以。
通過將margin
和padding
設置爲嵌套的ul
元素的零,所有元素都將移動到左側。
一些舊瀏覽器使用padding
縮進列表元素。因此,爲所有瀏覽器設置padding
也爲零。
設置list-style-type: disc;
以設置所有元素的樣式相同。
ul ul {
margin: 0;
padding: 0;
list-style-type: disc;
}
<ul>
<li>Bat</li>
<li>Cat</li>
<li>Rat
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
</li>
<li>Mat</li>
</ul>
使用保證金左:-40px;並使用CSS你可以使得enter code here
s更加改進一個
你的css在哪裏? – FiringSquadWitness