1

入力フィールドをコンテナの利用可能なすべてのスペースに拡張するが、次の要素を超えないようにするためのトリックを探しています。魔女がクロムでのみ問題ないように見える例を用意しました。FF はまったく問題ないように見えますが、IE では結果が得られません。

INPUT とテキスト (SPAN) を 1 行に含むコンテナー DIV があります。テキストは変更 (翻訳など) できるので、テキストの幅がわかりません。私が使用した私の例では、私の例display: table-cellを見てください。

+----container---------------------------+
|+---input----------------++--text------+|
||                        ||            ||
|+------------------------++------------+|
+----------------------------------------+
4

1 に答える 1

1

私はこれを完全なゼロから作りました

デモ

<div class="container">
    <label>Demo</label>
    <span><input type="text" /></span>
</div>

CSS

#container {
    display: table;
    width: 100%;
}

label, span {
    display: table-cell;
}

span {
    width: 100%;
    padding: 5px;
}

input {
    width: 100%;
}
于 2013-04-22T15:27:41.807 に答える