0

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

任何人都知道我应该怎么做，让图像左边的空间为零？

谢谢

4

2 回答 2

1

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

于 2012-11-23T22:39:27.787 回答
1

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

于 2012-11-24T00:15:03.517 回答