テーブルはコンテンツによって展開されず、余分なコンテンツは省略記号になります (css)_html/css_WEB-ITnose

今日コードを書いていたところ、テーブルがコンテンツによって引き伸ばされ、Web ページ全体のレイアウトに影響を与えていることがわかりました。

Baidu には解決策があります。以下はコードと私のメモです

table{table-layout: fixed;} //テーブルを修正しました

table td{white-space: nowrap;//自動行折り返しをキャンセルします

オーバーフロー: hidden; //余分な部分を隠します

text-overflow: ellipsis; //余分な部分を省略記号で表示します

}