html - 如何从 svg 文本中删除上部间隙-6ren

html - 如何从 svg 文本中删除上部间隙

转载作者：行者123 更新时间：2023-11-28 02:51:26

所以我的 svg 上方有一个间隙，无论高度如何，它仍然存在。我确实想到了解决这个问题的解决方案，比如设置 y="22"然后设置 margin-top: 10px;。但是，我更只想找出到底出了什么问题，以及解决这个问题的正确方法是什么。

<!DOCTYPE html>

<html>

<head>

<style>
span.top { display:block;}
</style>

</head>

<body>

<span class="top">
<a href="https://www.google.com/" title="Home">
<svg width="70px" height="50px">
    <text x="0" y="50" font-family="arial" font-size="25">
        Home
    </text>
</svg>
</span> 

</body>
</html>

最佳答案

您只需要将 y 值更改为 20 而不是 50

<span class="top">
<a href="https://www.google.com/" title="Home">
<svg width="70px" height="50px">
    <text x="0" y="20" font-family="arial" font-size="25">
        Home
    </text>
</svg>
</span>

关于html - 如何从 svg 文本中删除上部间隙，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46656675/