0

私はこのかなり単純なフォームを持っています:

<form action="...">
    <div>
        <input type="text" class="input-text" value="" name="text" />
        <input type="submit" class="submit" value="Submit" />
    </div>
</form>

フォームは固定幅の div (ems で指定) 内にあります。

テキストフィールドとボタンを 1 行にしたいのですが、size属性を指定してもテキストフィールドの幅がブラウザ間で一致しません。正確な幅を指定したくない (特にボタンの場合) テキストフィールドに流動的な幅を与えることができるかどうか疑問に思っていましたか? テキストフィールドとボタンの両方が 1 行に収まるように、テキストフィールドを引き延ばしたいと考えています。

4

2 に答える 2

2

ええlength、幅ではなく文字数です。

ボタンが占有するスペースを除いて、使用可能なすべてのスペースをテキスト ボックスで埋める必要がありますか? これはテーブルで実行できます（ただし、テーブルを提案するためにStack Overflowで一貫してブーイングされます）。議論のために、display:table で DIV を使用するとしますが、簡単にするために、実際のテーブル マークアップで説明します。

<table cellpadding=0 cellspacing=0 width=100%>
  <tr>
      <td><input type="text" style="width:100%"></td>
      <td style="width:0"><input type="submit"></td>
  </tr>
</table>

ボタン セルの幅 0 は奇妙に思えるかもしれませんが、テーブル セルは幅を提案としてのみ使用します。どんなに細くしても、コンテンツに合わせて伸縮します。

于 2011-03-05T04:24:38.643 に答える