テーブルの列をコンテンツに合わせる方法

-3

テーブルを作成し、それを画面のサイズに合わせて、コンテンツに合わせてセルの境界線を合わせたいと思っています。私はにテーブルをしたい ...これは列がコンテンツに合わせて原因が、列の内容は、テーブルが画面に広すぎ取得し、列の一部が失われるよりも長い場合テーブルの列をコンテンツに合わせる方法

table-layout: auto 
width: 100%

：CSSで私はテーブルを設定します画面のサイズに合っていますか？どうすればいいですか？事前

出典

2017-11-28 bo2y0

に等しくなければならない。この

を試してみてください"* use' max-width' * "の簡単な提案をすること以外にも役立つはずです。あなたの '

'にはいくつの列がありますか？コンテンツのタイプまたはサイズ –

カラムはテーブルに動的に追加されています（私はprimeNgテーブルを使用しています）、最大20カラム、2カラムは非常に長い文字列です – bo2y0

結果として得られたベストケースと最悪ケースの例を教えてくださいHTML（コンテンツが読み込まれた後にHTMLを表示）。 –

答えて

で

ありがとうございます。このCSS、

table{ 
width:100%; 
} 
td,th{ 
width:1%; 
}

出典

2017-11-28 13:05:42 veera

しかし今の列は内容に合わない – bo2y0

あなたのデザインのスクリーンショットを送ってください – veera

がテーブルに100％の最大幅を与えてみてみることができます。

table { 
    max-width:100%; 
}

出典

2017-11-28 13:15:05

これはハック方法ですが、あなたは私たちにどのようにあなたの[MCVE]コードを表示するつもりはない場合は、すべてのまだ心に留めておくが、100％

<table style="width:100%"> 
<tr style="width:25%"> 
<td></td> 
</tr> 
<tr style="width:25%"> 
<td></td> 
</tr> 
<tr style="width:25%"> 
<td></td> 
</tr> 
<tr style="width:25%"> 
<td></td> 
</tr> 
</table>

出典

2017-11-28 13:45:08

テーブルの列をコンテンツに合わせる方法

答えて

関連する問題