是否可以強制嵌套的HTML列表項左對齊？

Question

可以將嵌套的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列表）：

• 蝙蝠
• 貓
• 鼠
• 一個
• 墊

Answer 1

是的，可以。

通過將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>

Answer 2

check here

使用保證金左：-40px;並使用CSS你可以使得enter code here s更加改進一個