コンテナの残りの幅を入力要素で埋めるにはどうすればよいですか?

残りのコンテナ幅を入力要素で埋める

入力ラベルとテキスト フィールドが固定幅コンテナ内の 1 行を共有する場合、スタイル設定入力フィールドが残りの幅を最適に埋めるのは難しい場合があります。ここでは、信頼性の低い JavaScript やテーブル レイアウトのトリックに依存しない多用途の解決策を示します。

解決策:

1. 入力フィールドを囲みます:表示付きのスパン内の入力フィールド: block.
2. Flip配置: 入力フィールドの前にボタン要素を配置します。
3. ボタンをフロートします: ボタン要素の右側に float: を追加します。
4. 残りを埋めるspace: スパンで囲まれた入力フィールドは、残りのフィールドを自動的に占有します。 space.

例:

このアプローチにより、ラベル サイズが分からなくても、入力フィールドが残りのコンテナーの幅を満たすことが保証されます。シンプルでクリーンで、さまざまなブラウザと互換性があります。

以上がコンテナの残りの幅を入力要素で埋めるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。