2

我正在寻找一种在 CSS 中将文本输入的高度设置为正常高度的百分比的方法，如果没有声明高度，它将自然地给定 font-family/font-sizes。我不是在寻找它所在容器高度的百分比。就像这样：
CSS：

#container {
    height: 100%;
    width: 100%;
}
input {
    width: 100%;
    background: orange;
    height: [I want this 150% of the height normally assigned to the element]
    font-family: inherit;
    font-size: inherit;
}
#results {
    width: 100%;
    background: pink;
    height: auto;
    height: 100%;
}

HTML：

<div id="container">
<input type="text">
<div id="results"></div>
</div>
4

2 回答 2

1

如果 jQuery 在起作用，您可以执行以下操作：

$('input').css('height',parseFloat($('input').css('height'))*1.5)

工作示例：

http://jsfiddle.net/ghxh8/

于 2012-09-02T05:41:11.047 回答
1

使用em：

(...)
height: 1.5em;
(...)

编辑

永远记住：

4.3.1 整数和实数

某些值类型可能具有整数值（用 表示）或实数值（用 表示）。实数和整数仅以十进制表示法指定。An由一个或多个数字“0”到“9”组成。A 可以是 ，也可以是零个或多个数字，后跟一个点 (.)，后跟一个或多个数字。整数和实数前面都可以用“-”或“+”表示符号。-0 相当于 0，不是负数。

请注意，许多允许整数或实数作为值的属性实际上将值限制在某个范围内，通常是非负值。

1,5em垃圾也是，对不起！

编辑

您的评论em是正确的，请参阅：

'em' 单位等于使用它的元素的 'font-size' 属性的计算值。例外情况是当 'em' 出现在 'font-size' 属性本身的值中时，在这种情况下它指的是父元素的字体大小。它可用于垂直或水平测量。（这个单位有时也被称为印刷文本中的四边形。）

于 2012-09-02T05:59:08.900 回答