html - 如何让 ul 中的 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造成的。您需要将 padding-left: 0 添加到您的样式中