Html 如何让ul中的li以零空间向左对齐，并且所有li都垂直显示？

我有以下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>

然而，实际产出是：

{Some Space}IMG1
{Some Space}IMG2

有人知道我该怎么做，让图像左边没有空间吗

---

谢谢

您是否尝试过将

li

的填充和边距设置为

0px

？

空间是由ul上的填充造成的。您需要在样式中添加

左填充：0

{Some Space}IMG1
{Some Space}IMG2