Html 弹性边界半径

我有一些锚标签。我将边界半径应用于它们，使它们看起来像一个圆形（圆）。它必须灵活地适应文本宽度。我正在努力，但没有得到该做什么。

我怎样才能做到这一点？如果您有任何建议，我们将不胜感激

<a href="http://google.com">abc</a>
<a href="http://en.wikipedia.org/">abcdefgh</a>

---

可以用百分比表示半径

CSS:

这是

从边框半径看，不可能在锚定周围获得相同的圆，因为它取决于锚定文本的大小。如果它是不同的，它也反映了圆

更新：

您可以使用

div

执行此操作，方法是先给出宽度和高度：

---

要清楚，您希望所有锚定标签都具有相同的形状（圆形）？但这正是我需要做的…：（您的要求相互冲突。您的锚定标签不能全部为（1）圆形和（2）宽度可变；同时根据我的理解，他希望所有锚定标签都是圆形的，并且大小相同。给边框半径50%，但对于大文本，它将是椭圆形，而不是完美的圆形，但这对所有人来说都不一样。更新了我的答案。对于您的案例或y来说，圆形矩形很好如果你的文本是固定大小的，比如一些计数或者类似的东西，你也可以圈出来。我已经修改了我的问题

a{

    border:1px solid black;
    padding:10px;
    -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}

a{

    border:1px solid black;
    padding:10px;
    -webkit-border-radius: 10%;
    -moz-border-radius: 10%;
    border-radius: 10%;
}