1

タグ内のラベル (左) とタグ内のテキスト入力 (ラベルの右) を含むテーブルにフォームをレンダリングしています。柔軟性のために、できるだけ少ない CSS を記述し、次のようにすべてを魔法のように配置したいと思います。

  1. セルは、最も長いラベルの幅に合わせて拡張されます
  2. 右側のフィールドは、セルの幅全体を埋めるように拡張されます

私はこれらのさまざまな要素のさまざまな組み合わせを試してきましたが、役に立ちませんでしwidth:100%た。width:autoこれを行うことは可能ですか、それともあきらめて、のようなハード幅を指定する必要がありますwidth:Npxか?

4

2 に答える 2

0

私に関する限り、あなたには 2 つの選択肢があります。ラベルの流動的な長さを可能にするテーブルを使用してソリューションを実装するか、ラベルを固定幅として設定し、テーブルのないマークアップを使用します。個人的には、どちらか一方のソリューションを選択する説得力のある理由はないと思いますが、一部の Web 開発者は<table>、マークアップで要素を使用しないようにするためにあらゆる手段を講じます。

そうは言っても、テーブルを使用している場合、このソリューションは非常に簡単です: http://jsfiddle.net/Wexcode/VcSXU/

td:first-child { 
    white-space: nowrap; /* don't allow text to wrap to the next line */
}
于 2012-06-07T02:30:09.020 に答える