为什么按钮的高度调整不起作用？
为什么按钮的高度调整不起作用？
提问于 2015-01-05 14:55:54
我正在做一个引导登录容器。我添加了一个按钮btn并试图修改它的高度。然而，不管它的价值如何，它的高度都不会改变。
阻碍我自己解决问题的困难是我只知道这个属性来改变按钮的高度。
下面是按钮的代码：
<button id="btn-login" href="#" class="btn btn-success" style="height: 50%; width: 60%">Inscription</button>父元素是：
<div class="col-xs-6"> </div>您可以在这里找到这个问题的一个活生生的例子：http://www.bootply.com/9XnSOvBGOn
为什么按钮的高度调整不起作用？
谢谢。
回答 3
Stack Overflow用户
回答已采纳
发布于 2015-01-05 15:13:06
如果你想让它变小，试着用:线高代替如下：
<button id="btn-login" href="#" class="btn btn-success" style="line-height: 50%; width: 60%">Inscription</button>或者用绝对高度代替百分比。
Stack Overflow用户
发布于 2015-01-05 14:58:43
样式行包含一个逗号，这是不正确的。应该是个分号。此外，尝试使用像素值而不是百分比。
<button id="btn-login" href="#" class="btn btn-success" style="height:50px;width:60px">Inscription</button>请记住，如果使用百分比表示高度，则需要设置父div的高度。
Stack Overflow用户
发布于 2015-01-05 15:06:30
你的代码是正确的，知道。包含按钮的父元素中可能会出现错误(您使用的是百分比，所以这很重要)。你能张贴父元素吗？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27782063
复制相关文章
相似问题
腾讯云开发者
