CSSで長い文字列を省略表示する
スタイルシートで文字列を省略するには下記スタイルを適用します。
.ellipsis{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
指定した幅を超える文字列が…で省略されます。
td要素の文字列を省略したい場合はtableに下記スタイルを適用する必要があります。
table{ table-layout: fixed; }
スタイルシートで文字列を省略するには下記スタイルを適用します。
.ellipsis{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
指定した幅を超える文字列が…で省略されます。
td要素の文字列を省略したい場合はtableに下記スタイルを適用する必要があります。
table{ table-layout: fixed; }