Как отображать только первые 10 символов из строки с помощью CSS?

Ответ 1

Он называется эллипсис, и вы можете использовать его в блочном элементе.

Однако он не работает в Firefox, и вы не можете установить ширину точно в 10 символов, поскольку вы не можете указать ширину в символах в css.

Если вам нужно ровно 10 символов и совместимость с Firefox, вам придется использовать javascript или серверное решение.

Ответ 2

Существует решение на основе CSS3 text-overflow:ellipsis; утверждал, что это crossbrowser. Но также он отображает столько символов, сколько подходит, а не ровно 10.