CSSコントロールテーブルのセルの余剰部分に省略記号を表示する
1872 ワード
テーブルを定義したレイアウトアルゴリズムがfixedである場合にのみ、以下のtdの定義が機能します.
スタイルを追加してtableの幅を固定し、内容の長さが長すぎると自動的に省略記号が表示されます.
————————————————著作権声明:本文はCSDNブロガー「lpch 0825」のオリジナル文章であり、CC 4.0 BY-SA著作権協定に従い、転載は原文の出典リンクと本声明を添付してください.テキストリンク:https://blog.csdn.net/lpch0825/article/details/79332121
table{
width:100px;
table-layout:fixed;/* fixed, td 。 */
}
td{
width:100%;
word-break:keep-all;/* */
white-space:nowrap;/* */
overflow:hidden;/* */
text-overflow:ellipsis;/* (...) ; overflow:hidden; */
}
スタイルを追加してtableの幅を固定し、内容の長さが長すぎると自動的に省略記号が表示されます.
————————————————著作権声明:本文はCSDNブロガー「lpch 0825」のオリジナル文章であり、CC 4.0 BY-SA著作権協定に従い、転載は原文の出典リンクと本声明を添付してください.テキストリンク:https://blog.csdn.net/lpch0825/article/details/79332121