最初のテーブルの列の最小幅

には、左の最初の列に50％のような最小幅を持つ方法があります。最初のテーブルの列の最小幅

私はさまざまな量の別々のテーブルを持っています（異なる見出しがあるので、データは別々です）。

明らかにテーブルの列は、その中にあるコンテンツの量に応じて幅が変わります。余分なスペースが必要な場合は、同じテーブルの他の列からより多くのスペースが必要になります。 50％

のようなスペース、それらはすべてがちょうど同じ幅をとどまれば、それはその多くを整然とその後、余分なスペースを必要としません... PHPどのくらいの内容でテストせずにこれを行うにはどのように任意のアイデア彼らの中に入って、別のクラスを追加していますか？

おかげで、ドム

出典

2012-01-09 Dominic Watson

私は驚きましたmin-widthは、リック。しかし、しばらくしてプレーした後、私は、このソリューションに出くわした：

td:first-child { 
    width: 40%; 
    white-space: nowrap; 
}

出典

2012-01-09 17:02:19 Artyom

を使用することができることをスペースがあるとき、これはきれいな解決策が、強制ラッピングですね。幅：50％も同様に働いた。だから十分なスペースがあればそれをすべて整列させ、スペースがあればそれを使います。私は時にはそれらをねじ込む3列を持っていますが、私は彼らがcol - 2、col - 3と異なるスタイルなしで固定することができるかどうか疑いがあります。 –

しかし、テキストが長すぎると、ラッピングするのではなくオーバーフローします...しかし、実際にそこから脱出する方法はないと思います –

私は

table-layout:fixed;

とJavaScriptシンタックスでは、CSSでテーブルの幅を修正するためにこれをしようとするあなたを示唆している：object.style.tableLayout="fixed"

出典

2012-01-09 16:00:43

私はそれがこれはかなりクールであるように思わ –

あなたは

tbody>tr>td:nth-child(1), 
tbody>tr>td:nth-child(2), 
tbody>tr>td:nth-child(3) { width: 50%; }

を使用することができます

出典

2012-01-09 16:06:08

最初のテーブルの列の最小幅

答えて

関連する問題