web-dev-qa-db-ja.com

テーブルの列幅をコンテンツサイズに合わせて調整する

Form(firebugの強調表示でtdにカーソルを合わせます):

example

ラベル列CSS

width: auto;
padding: 0;
margin: 0;

問題

左の列に「padding-right」が見えないのはなぜですか?コンテンツに合わせて列を縮小することはできませんか?

-EDIT-

問題はテーブルそのものでした。 「幅:100%」でテーブルを定義しました。それを削除し、問題はなくなりました。

22
Rui Carneiro

問題はテーブルの幅でした。私はwidth: 100%テーブル用。テーブルの列は、幅タグを削除すると自動的に調整されます。

30
Rui Carneiro

テーブルを100%のままにする場合は、列の1つにwidth:100%を設定します。それはその列を拡張して余分なスペースを埋め、他の列が自動幅を維持できるようにします:)

3
Nick Jameson

多分マージンに問題がありますか?

width:auto;
padding: 0px;
margin: 0px
0
fl00r