トピック名の末尾に三点リーダーを追加する方法

開発
1

こんにちは、親切な友人たちへ

トピック名の末尾に三点リーダーを追加するにはどうすればよいですか？

トピック名の全文：Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

このようにしたい：Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed…

3dots
3dots1120×778 120 KB

ホームページでのみ機能させたいです。

このようにしたい理由は、ホームページのトピックの長さを同じに保ちたいからです。

ありがとうございます :pray:

2

こんな感じです。

.categories-and-latest .main-link {
    .top-row {
        max-width: 20em;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
3

@Arkshine、本当にありがとうございました。うまくいきました。