最大幅を使用しているときCSSのテーブルの幅を広げる

これはシンプルであると確信していますが、わかりません。私はいくつかの列を持つHTMLテーブルを持っています。これらの列の一部のテキストはかなり長くなる可能性があります。私はmax-widthを使用して列の最大幅を特定の値に設定しようとしています。最大幅を使用しているときCSSのテーブルの幅を広げる

問題は、列の幅が最大幅の設定にはならず、テーブルの幅によって制限されているように見えることです。 this jsFiddleを参照してください。これは、代わりに「最大幅」の...

.ReportTableItem TD 
{ 
    color: Black; 
    font-size: 100%; 
    padding-left: 2px; 
    padding-right: 2px; 
    background-color: #EEEEEE; 
    max-width:550px !important; 
    white-space: normal !important; 
}

出典

2016-04-12 user2979121

あなたの最大幅は現在550pxです。それ自体が1列あたりたくさんあります。この[link]（https://jsfiddle.net/d44pu2jy/3/）をご覧ください。 [ここ]（https://jsfiddle.net/gzd7yaaL/）のようにテーブル全体に最大幅を適用することを検討していますか？ –

あなたはcssのmin-widthをmax-widthに置き換えて出力を表示します –

私はそれを1つの行で動作させましたが、列の並びはすべて駄目です。 [リンク]（https://jsfiddle.net/d44pu2jy/5/） – user2979121

使用「最小幅」CSSです。

出典

2016-04-12 09:43:08

これは実際には問題を解決しませんが、特に小さな画面では問題は解決しません。 –

このタイプのテーブルでは、特に小さな画面では水平スクロールバーを置く必要があります。あるいは、alカラムが行に変換されるようなデザインを変更する必要があります。 –

絶対に！それで、私たちはmin-widthを使うことができません。そうでなければ、オーバーフローのためのメディアクエリをより小さな解像度で書く必要があります。 –

最大幅を使用しているときCSSのテーブルの幅を広げる

答えて

関連する問題