问在变高单元上保持完美的圆角。
EN

Stack Overflow用户

提问于 2013-11-24 18:21:16

回答 1查看 4.7K关注 0票数 9

我有一个带有完美圆角的按钮；意思是，按钮高50 of，边框半径为25 of，在按钮的两侧形成一个完美的半圆：

如果您已经知道按钮的高度(按钮高度之和2=边框半径)，用CSS实现这一点是很容易的。

但是，如果按钮的高度动态增加(例如，添加了更多的文本)，是否有可能保持完美的圆形边缘？

回答已采纳

发布于 2013-11-24 18:28:40

只需将border-radius设置为较高的值，如360px。

div {
    height:50px;
    width:500px;
    background:red;
    border-radius:360px;
}

看看this jsFiddle example，看看我的意思。

票数 12

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20179105

复制

相似问题

问在变高单元上保持完美的圆角。EN