CSS:列表样式图像的定位

标签 css image position

我有一个列表 list-style-image:url("../images/prices/tick.png");

如何正确定位图像,使图像和文本位于相同的 y 坐标上?难道没有办法在 url 之后用 url("link") 20px 30px 定义它吗?

我似乎无法在网上找到关于它是如何再次完成的信息。

最佳答案

我认为您正在考虑使用 background-image 而不是 list-style-image..

所以将 list-style 设置为 none 并在 li 上放置一个 background-image - 那么你就可以使用 background-position 部分更准确地定位它:

background: url("link") no-repeat 20px 30px;

关于CSS:列表样式图像的定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6126685/

相关文章:

css - Elm - 元素的绝对位置

html - 当我将鼠标悬停在缩略图上时,仅向图像添加边框

ios - 二进制图像 POST - iOS

html - 重新定义选择器以用于其余代码的不同方式

javascript - 使用 jQuery 悬停时出现重复图像

c++ - OpenCV 中的侵 eclipse

html - 使元素脱离正常流程的 CSS 属性是什么?

css - 网络钓鱼和 CSS 位置 :absolute

html - 小屏幕折叠侧边栏和 Accordion

javascript - 超过一定长度的段落弹出