时间戳

首页 > 解决方案 > 谁精通svg图像的写作？

html - 谁精通svg图像的写作？

问题描述

我有放大镜图片的 svg 代码：

<path fill="none" d="M19.129,18.164l-4.518-4.52c1.152-1.373,1.852-3.143,1.852-5.077c0-4.361-3.535-7.896-7.896-7.896
                        c-4.361,0-7.896,3.535-7.896,7.896s3.535,7.896,7.896,7.896c1.934,0,3.705-0.698,5.078-1.853l4.52,4.519
                        c0.266,0.268,0.699,0.268,0.965,0C19.396,18.863,19.396,18.431,19.129,18.164z M8.567,15.028c-3.568,0-6.461-2.893-6.461-6.461
                        s2.893-6.461,6.461-6.461c3.568,0,6.46,2.893,6.46,6.461S12.135,15.028,8.567,15.028z">
                    </path>

问题是图片爬到底部，从而拉动了其余的元素，css参数没有应用于它（填充）。下面我会附上截图。帮助使图像垂直居中。下面是负责按钮的代码：

.svg-icon {
    width: 50px;
    height: 100%;
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
    fill: #00FF00;
}

.svg-icon circle {
    stroke: #00FF00;
    stroke-width: 1;
}
a.navbutton{ 
    display: flex;  
    font-size: 30px;
    font-family: story_brush;
    text-align: center;    
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
    color: #00FF00;
padding: 0px 20px;

}"在此处输入图片描述

标签： htmlcsssvg

解决方案

推荐阅读