为什么按钮的高度修改不起作用?
Why doesn't the height modification of the button work?
我正在做一个 bootstrap 登录容器。我添加了一个按钮 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
为什么修改按钮的高度不起作用?
谢谢。
您的样式行包含逗号,这是不正确的。它应该是一个分号。另外,尝试使用像素值而不是百分比。
<button id="btn-login" href="#" class="btn btn-success" style="height:50px;width:60px">Inscription</button>
请记住,如果您使用百分比作为身高,则需要设置父项的身高 div。
你的代码是正确的知道。包含按钮的父元素中可能存在错误(您使用百分比,所以它很重要)。你可以 post 父元素吗?
如果你想让它变小,请尝试使用:line-height
像这样:
<button id="btn-login" href="#" class="btn btn-success" style="line-height: 50%; width: 60%">Inscription</button>
或使用绝对高度而不是百分比。
我正在做一个 bootstrap 登录容器。我添加了一个按钮 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
为什么修改按钮的高度不起作用?
谢谢。
您的样式行包含逗号,这是不正确的。它应该是一个分号。另外,尝试使用像素值而不是百分比。
<button id="btn-login" href="#" class="btn btn-success" style="height:50px;width:60px">Inscription</button>
请记住,如果您使用百分比作为身高,则需要设置父项的身高 div。
你的代码是正确的知道。包含按钮的父元素中可能存在错误(您使用百分比,所以它很重要)。你可以 post 父元素吗?
如果你想让它变小,请尝试使用:line-height 像这样:
<button id="btn-login" href="#" class="btn btn-success" style="line-height: 50%; width: 60%">Inscription</button>
或使用绝对高度而不是百分比。