html - 没有 JavaScript 可以使 border-radius 等于总高度的一半吗？

Question

我正在制作一个网站，模型要求某种元素的左右两端各为半圆。由于元素的高度取决于其中的文本量，我知道这意味着我需要以某种方式使它们的边框半径等于元素总高度的一半。这可以不使用 JS 吗？

Answer 1

当然 - 只需将 border-radius 设置为大尺寸即可!

#some-element {
    border-radius: 9999px;
}

它将达到允许圆 Angular 的最大尺寸。但是，如果您的元素的高度大于宽度，请记住，如果不加宽元素，您不能将两边都设为半圆。