How to put three dots in a word if the text overflows the page? [duplicate]

Question

Navigation

#1 by (1 votes)

1

I'd like to know how to put three dots in the last word that exceeds the page limit.

This image is like the current text.

AndthisimageishowIwantittostaywiththethreepoints

Hereistheentirearchiveofthesite link

HTML: pastebin.com/JfaRDHih

CSS: pastebin.com/KhNRiier

I'm afraid that mobile users will not realize they have more text down so I want to add these three points.

Here's the site too if you want to test on your mobile phones link

javascript html css ux mobile

asked by anonymous 05.02.2017 / 16:06

1 answer

score 1 · Answer 1

1

Add the following CSS properties to your div:

.sua-div {
    overflow: hidden;
    text-overflow: ellipsis;
}

05.02.2017 / 16:23