CSSで長い文字列を省略表示する

スタイルシートで文字列を省略するには下記スタイルを適用します。

.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

指定した幅を超える文字列が…で省略されます。

td要素の文字列を省略したい場合はtableに下記スタイルを適用する必要があります。

table{
    table-layout: fixed;
}