Однострочный текст HTML, с добавлением "...", если длиннее одной строки?

Question

Поддерживает ли HTML поведение рендеринга текста, когда несколько строк будут исключены с автоматическим размещением "..."? Извините, я просто не могу найти стиль / тег, связанный с этим поведением, если он существует!

Answer 1

Нет, ничего не встроено.

Вам нужно либо сделать это самостоятельно на стороне сервера, либо написать какой-нибудь JavaScript, который будет считать строки и заменять остаток строки многоточием (...).

В спецификации CSS3 определено text-overflow-mode, которое будет делать это, но в качестве рабочего проекта оно не является окончательным и не обязательно будет работать в текущих браузерах.

Answer 2

Свойство, которое вы ищете, это CSS text-overflow: ellipses.К сожалению, это не работает в Firefox.Вот ресурс для него:

http://www.css3.info/preview/text-overflow/

Вы можете взломать его в Firefox, например,

http://www.jide.fr/english/emulate-text-overflowellipsis-in-firefox-with-css

Ноединственное реальное кросс-браузерное решение - это JavaScript, например, возможно, или, возможно, один из тех, что в комментариях на этой странице:

http://ajaxian.com/archives/ellipsis-or-%E2%80%9Ctruncate-with-dots%E2%80%9D-via-javascript

Answer 3

Краткий ответ: Нет.

Более длинный ответ: это возможно, если вы используете программный бэкэнд (например, PHP), который выводит HTML на внешний интерфейс.Вы могли бы сделать что-то вроде

<?php
    if(str_len($yourText) > 100) {
        echo substr($yourText, 0, 100) . "...";
    }
?>