如何让ul在ul中对齐左边的零空间，并且所有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

您是否尝试将0px的填充和边距设置为li？

Answer 2

该空间是由ul上的填充引起的。您需要在样式中添加padding-left: 0