CSS列表样式图像大小

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在尝试在<ul>的列表项上使用CSS设置自定义SVG图标。例：

<ul>
    <li style="list-style-image: url('first.svg')">This is my first item</li>
    <li style="list-style-image: url('second.svg')">And here's my second</li>
</ul>

问题是图像太大，并且拉伸了线条的高度。我不想更改图像大小，因为使用SVG的目的是根据分辨率进行缩放。有没有一种方法可以使用CSS设置图像的大小，而无需进行任何改动background-image？

编辑：这是预览（故意为插图和戏剧选择大图像） :

//jsfiddle.net/tWQ65/4/

和我当前的background-image解决方法，使用CSS3background-

size：http :

//jsfiddle.net/kP375/1/

回答：

您可能想尝试使用img标签，而不是设置“ list-style-

image”属性。使用CSS设置宽度和高度实际上会裁剪图像。但是，如果使用img标签，则图像将被调整为宽度和高度的值。

以上是 CSS列表样式图像大小 的全部内容， 来源链接： utcz.com/qa/432048.html

回到顶部