Fatal编程技术网
  • html/
  • Html 自定义项目符号图像在尺寸过大时向上浮动

Html 自定义项目符号图像在尺寸过大时向上浮动

html css

Html 自定义项目符号图像在尺寸过大时向上浮动,html,css,css-float,Html,Css,Css Float,我试图在元素上使用星形图像作为自定义项目符号。我遇到的问题是，图像的底部总是位于字体的底部，因此图像会被向上推。有没有办法解决这个问题，或者我需要把它隔离起来并使用css背景图像 ul.features-list { list-style-image: url('../assets/star-bullet.svg'); margin-left: 10px; } .features-item { font-size: 36px; } 想法？建议？您可以将项目符号图像用

我试图在
    • 元素上使用星形图像作为自定义项目符号。我遇到的问题是，图像的底部总是位于字体的底部，因此图像会被向上推。有没有办法解决这个问题，或者我需要把它隔离起来并使用css背景图像

    ul.features-list {
    list-style-image: url('../assets/star-bullet.svg');
    margin-left: 10px;
}

.features-item {
    font-size: 36px;
}

    想法？建议？

    您可以将项目符号图像用作
    li的
    背景图像
    

    以下是工作演示：
    如果您不想使用
    背景图像，可以尝试以下方法：
    

    

    你能提供当前正在使用的CSS和html吗？你能通过JSFIDLE或CodePenss共享代码吗？背景图像是最有效的选择，因为你对图像和定位有更大的控制