Html 为什么';按钮的高度调整是否有效?

Html 为什么';按钮的高度调整是否有效?,html,twitter-bootstrap,button,Html,Twitter Bootstrap,Button,我正在做一个引导登录容器。我添加了一个按钮btn,并试图修改它的高度。但是,无论值是多少,高度都不会改变。 阻止我自己解决这个问题的困难是,我只知道这个属性来更改按钮高度 以下是按钮的代码: <button id="btn-login" href="#" class="btn btn-success" style="height: 50%; width: 60%">Inscription</button> 铭文 父元素是: <div class="col-xs-

我正在做一个引导登录容器。我添加了一个按钮
btn
,并试图修改它的高度。但是,无论值是多少,高度都不会改变。
阻止我自己解决这个问题的困难是,我只知道这个属性来更改按钮高度

以下是按钮的代码:

<button id="btn-login" href="#" class="btn btn-success" style="height: 50%; width: 60%">Inscription</button>
铭文
父元素是:

<div class="col-xs-6">  </div>

您可以在此处找到该问题的一个实例:

为什么按钮的高度修改不起作用


谢谢。

您的样式行包含逗号,这是不正确的。它应该是分号。另外,尝试使用像素值而不是百分比

<button id="btn-login" href="#" class="btn btn-success" style="height:50px;width:60px">Inscription</button>
铭文

请记住,如果使用百分比表示高度,则需要设置父分区的高度。

您的代码是正确的。包含按钮的父元素中可能有错误(您使用的是百分比,所以它很重要)。您可以发布父元素吗?

如果您想使其变小,请尝试使用:line height 像这样:

<button id="btn-login" href="#" class="btn btn-success" style="line-height: 50%; width: 60%">Inscription</button>
铭文

或者使用绝对高度而不是百分比。

侧注,您可以使用
分隔CSS规则,而不是
。所以
style=“height:50%,width:60%”
应该是
style=“height:50%;width:60%”
谢谢@j08691我编辑了我的问题,但仍然不起作用。谢谢@Lee我为分号编辑了我的问题。关于使用像素值,这不是目的,因为即使屏幕宽度发生变化,高度也会保持不变。当我用像素值编辑您的实时示例时,高度发生了变化。-是的,使用像素是可以的,但正如我所说,这不是目的,因为即使屏幕宽度改变,高度也会保持不变。所以我需要使用百分比。我不认为这是真的,你不需要使用百分比,你可以使用EM值作为例子。如前所述,如果指定父容器的高度,则只能使用“高度百分比”,因为它从中获取百分比。我编辑了我的问题。我添加了父元素。我怎样才能把属性高度放进去?你说的“父元素”是什么意思?你可以把你的按钮放在一个div中。例如:div是父元素。如果你将一个abolute height设置为class col-xs-6,那么你就可以为你的按钮设置一个百分比高度。我尝试了,然后我为我的按钮设置了一个百分比高度,但它不起作用。例如,绝对高度是:Thank you@hatzaviv属性“line height”起作用。