テーブルの列の幅が最小になるようにHTMLまたはCSSで指定する方法

Question

テーブルの列の幅が列の内容に対して最小限になるようにHTMLまたはCSSで指定する方法を教えてください。私はmax-widthを試してみましたが、私は、テーブルの列が>尊敬列にコンテンツを持つ最小の幅を持っている必要があり、HTMLやCSSで指定するにはどうすればよい

.p 
{ 
max-width:10px; 
background-color:yellow; 
} 

<table> ... 
<td nowrap class="p">text</td> 
...<table> 

Answer 1

動作しません

。

あなたの代わりに分幅を試してみたのですか？ CSSでmax-widthを使用しました。

Answer 2

変更コードとしては、次のとおりです。

.p{ 
    display: inline-block; 
    ... 
} 

Here's an example of that code in action.

Answer 3

を私は自分自身をあなたがこの質問を投稿が、私はちょうど同じ問題に遭遇したので、それはしばらくのです参照してください。ブラウザは、この幅を使用しようと、それは最小幅未満であることを発見

<td width="10"> 

を言うように動作するように見える何

は、列に最小値よりも小さい場合、明示的な幅を与えることです最小幅で上書きします。これは文書化された動作で、IE、Firefox、およびChromeで私にとって役立ちました。

"width = minimum"のようなクリーナーが好きですが、それ以上のことができるかどうかはわかります。