css - 我如何在 li 中获取图像以忽略 css 填充

Question

如何在 li 中获取图像以忽略 css 的填充？

使用带有以下 css 的可选 jquery:

.selectable li {margin: 1px;padding: 0.4em;height: 0.52em;line-height: 0.54em;}

是否可以在具有上述 css 的 li 中放置图像而不受填充的影响？也就是说，我希望图像从 li 的顶部边框开始，但我希望其他内容仍被填充。

Answer 1

添加一个

position:relative;

给你的 li，然后为你的图片声明绝对定位。

position: absolute;
top: 0;
left: 0;

这样做的唯一缺点是您需要为 li 声明一个最小高度，等于或大于图像高度。如果它们的大小都相同，那很好，否则就没那么大了。