CSS-обложка для всех элементов

Question

Один из наших парней из QA обнаружил ошибку, которая в пределах полей, где длинные слова вырвались из элемента. Я исправил это с помощью простого word-wrap: break-word. Но потом они нашли еще один. И другой. И другой.

У меня может быть длинный спор с ним, где я говорю, что это глупая ошибка, потому что ни один пользователь не вводит слово из 60 букв, но, вероятно, проще всего исправить это. Что вы думаете о том, чтобы делать

* { word-wrap: break-word } 

Я не знаю никаких проблем, которые могут возникнуть.

Редактировать: есть несколько мест, которые появляются в нескольких разных контекстах.

В некоторых местах это выглядит следующим образом:

<fieldset> 
    <p>Here_is_a_really_long_string</p> 
</fieldset> 

Еще одно место, мы нашли это:

<table> 
.. 
<td>Here_is_a_really_long_string</td> 

Я думаю, что самые большие места, которые мы видим на самом деле длинные строки URL и места где RSS-канал, который мы импортируем, имеет такие данные, как here_is_a_string.

Я поговорю с менеджером QA/Project, но я не знаю, как клиент почувствует эллипсис.

Answer 1

Вы можете ограничить ширину области и добавить некоторые «...» в конце. Попробуйте

.truncate { 
    width: 250px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 

Answer 2

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

Answer 3

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

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

Кроме того, я бы поговорил с Q & Парень. Может быть, они согласны с тем, что это не настоящая проблема, хотя я был бы более осторожен, чем называть ее «тупой ошибкой», если вы хотите получить их на свою сторону. :) Но даже если они настаивают, что это должно быть исправлено, возможно, у них есть представление о , как он должен быть исправлен. Возможно, overflow: hidden или использование эллипса приемлемо, или, может быть, они считают, что лучше всего использовать перенос слов, чтобы убедиться, что весь текст виден.

В любом случае, в большинстве случаев самым быстрым решением является обсуждение в любом случае. Маленький чат обычно более конструктивен, чем общение через запросы на тяну.