Переполнение текста: многоточие считается вредным

Переиздано Платоном

Читают: 0

Есть несколько законных вариантов использования этой техники. Например, у вас может быть таблица с заголовками и описаниями. Чтобы сохранить больше места для заголовка, вы ограничиваете описание одной строкой на небольших окнах просмотра до одной строки и повторяете описание на странице сведений для этого элемента.

Тем не менее, я часто вижу, как он используется на таких элементах, как кнопки или даже метки форм, чтобы они выглядели лучше (?) Или при выравнивании их по вертикали. Но как только вы измените область просмотра или измените размер текста, конец текста исчезнет.

Я думаю, что фраза «…если используется в определенных ситуациях» подходит именно сюда, но без нее, безусловно, получится лучший заголовок для поста в блоге. Как говорит Эрик, есть законные варианты использования усечения текста. Пусть немного, но тем не менее законно.

Конечная цель — предотвратить «потерю» данных, т. это, безусловно, может произойти в CSS. Текст, который непреднамеренно выходит за пределы контейнера, теряется в том смысле, что его там просто нет. И если этого текста просто нет, пользователи его пропустят, даже если это лучший и наиболее хорошо продуманный призыв к действию, когда-либо опубликованный в Интернете.

Эрик указывает, что нет способа сделать текст усеченным text-overflow: ellipsis видимый. Как только это ушло, это ушло (хотя программы чтения с экрана, кажется, объявляют об этом). Это практически потерянные данные. Вы можете быть в порядке с этим. Это круто, если вы знаете, что происходит и что задумано.

Но вот что говорит Эрик, что заставило меня поделиться этим:

Не ограничивайте содержимое, чтобы оно соответствовало вашему дизайну, сделайте свой CSS гибким, чтобы изящно обрабатывать более длинные слова.

Опять ты может быть хотите, чтобы содержание соответствовало дизайну. Но я бы, наверное, поспорил, как и Эрик, что дизайн должен соответствовать содержанию а не наоборот. Мне трудно вспомнить любую ситуацию, когда текст на странице неважен или бесполезен до такой степени, что я был бы спокоен, если бы обрезал его в любой произвольной точке, определяемой свойством CSS. Может быть, архив сообщений в блоге, где каждое сообщение показывает отрывок из содержимого сообщения перед усечением, но это не совсем вариант использования для text-overflow: ellipse.

В CSS есть инструменты для создания гибкого дизайна, учитывающего различную длину текста. Так что, возможно, ошибка на стороне написание защитного CSS… CSS, который предвидит проблемы и знает, как изящно обрабатывать различные сценарии контента. text-overflow: ellipsis может быть частью вашего арсенала CSS для этого. Но это может быть и выплескивание ребенка вместе с водой из ванны. Стоит спросить, стоит ли потеря этих данных затрат на то, что этот контент должен делать, прежде чем подстригать его.

Пока мы говорим об усечении текста…

Ссылка Окт 1, 2021