我想在CSS中显示图像：在元素之前.
.withimage:before {
content: url(path/to/image.svg);
display: block;
height: 20px;
width: 20px;
}
问题是,高度和宽度应用于元素,但SVG不会缩小.如何将尺寸应用于之前创建的实际元素？@H_404_5@
Plnkr示例：https://plnkr.co/edit/UgryaObojs6PCU579oGY@H_404_5@
解决方法
您可以使用svg作为背景图像：
.withimage:before {
content: "";
display:block;
height:125px;
width:125px;
background-size: 125px 125px;
background-image: url(test.svg);
background-repeat: no-repeat;
}
你也可以尝试使用这个：@H_404_5@
.withimage:before {
content: url("data:image/svg+xml; utf8,<svg.. code here</svg>");
display:block;
height:20px;
width:20px;
}
