iphone ipad cellular в режиме модемаОтключить дополнительные пакеты интернет МТСАмедиатека списывает деньги с номера МТСЗапустил группу вконтактеНовые технологии дают толчок к будущему

Скрыть избыточный текст

Встречали ли вы необходимость скрыть часть избыточного текста, раньше я обычно делал это при помощи php, ну или js. Теперь всё намного проще, достаточно правильно сверстать и к нужному блоку добавить: text-overflow: clip | ellipsis

Преимущества данного хода в том что текст не исчезает со страницы, и для поисковых систем он попрежнему присутствует на странице.

clip - Текст обрезается по размеру области.
ellipsis - Текст обрезается и к концу строки добавляется многоточие.

Пример использования CSS

white-space: nowrap; /* Запрещаем перенос строк */

overflow: hidden; /* Обрезаем все, что не помещается в область */

background: #fc0; /* Цвет фона */

padding: 5px; /* Поля вокруг текста */

text-overflow: ellipsis; /* Добавляем многоточие */