html + CSS は長さを超えるテキストを非表示にし、ellipses_html/css_WEB-ITnose を表示します

Table }

この方法は、テーブルのセルにコンテンツが多すぎる場合の見た目の問題を解決するために使用されます。主に 4 つの CSS スタイルが関係します。

1. table-layout: 固定 table-layout のデフォルト値は auto であるため、つまり、テーブルの幅と高さはコンテンツの量に依存します。コンテンツの量を見積もることができない場合、最終的なテーブルの表示形式は保証されません。修正するだけです。 (注: このスタイルが重要です)
2. ホワイトスペース: nowrap は、セル (TD) 内にテキスト コンテンツがどれだけ含まれていても、この時点で余分なコンテンツが自動的に折り返されないようにするためのものです。水平方向のセル。
3. オーバーフロー: hidden はセルを超えた部分を非表示にします。
4. text-overflow: ellipsis 隠れている部分を省略記号に置き換えます。