토픽 이름 끝에 세 점을 추가하는 방법은?

개발
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 정말 감사합니다. 이 방법으로 해결되었습니다.