如何讓li中的li與零空間對齊，並且所有的li均垂直顯示？

Question

我有以下的HTML代碼

<ul style="text-align:left;width: 100px;height: 300px; overflow-y:scroll; list-style: none;list-style-position:inside;"> 
// li will be dynamically insert by JQuery 
    <li> <img src="xxxx">1</img></li> 
    <li> <img src="xxxx">2</img></li> 
    ... 
</ul> 

我期待的輸出爲

IMG1 
IMG2 

然而，實際的輸出是：

{Some Space}IMG1 
{Some Space}IMG2 

人知道該怎麼辦，讓圖像左邊有零空間？

感謝

Answer 1

該空間是由ul上的填充引起的。您需要將padding-left: 0添加到您的款式中

Answer 2

你有沒有嘗試設置填充和保證金0px爲li？