2

高さが宣言されていない場合、CSS でテキスト入力の高さを通常の高さのパーセントに設定する方法を探しています。それが入っているコンテナの高さのパーセントを探しているわけではありません.そのように:
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

使用em:

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

編集

常に覚えておくとよい:

4.3.1 整数と実数

一部の値型には、整数値 ( で示される) または実数値 ( で示される) が含まれる場合があります。実数および整数は、10 進数表記のみで指定します。an は 1 つ以上の数字 "0" から "9" で構成されます。A は か、0 個以上の数字の後にドット (.)が続き、その後に 1 つ以上の数字が続く場合があります。整数と実数の両方の前に「-」または「+」を付けて符号を示すことができます。-0 は 0 に相当し、負の数ではありません。

値として整数または実数を許可する多くのプロパティは、実際には値を特定の範囲 (多くの場合、負でない値) に制限することに注意してください。

ゴミもそう1,5emでした、ごめんなさい！

編集

についてのあなたのコメントemは正しいです。次を参照してください。

「em」単位は、それが使用されている要素の「font-size」プロパティの計算値と同じです。例外は、'font-size' プロパティ自体の値に 'em' が含まれている場合です。この場合、親要素のフォント サイズを参照します。垂直または水平の測定に使用できます。(この単位は、タイポグラフィ テキストではクワッド幅と呼ばれることもあります。)

于 2012-09-02T05:59:08.900 に答える
1

jQuery が使用されている場合は、次のようなことができます。

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

作業例:

http://jsfiddle.net/ghxh8/

于 2012-09-02T05:41:11.047 に答える