Блог

Я столкнулся с проблемой при попытке ограничить перенос строк в определенные места в строках. Я знаю, что есть и другие способы сделать это, но самый простой способ для меня (с моим сгенерированным HTML) состоял в том, чтобы установить все как white-space: nowrap и переопределить это в некоторых моментах white-space: normal . В Firefox это не удавалось в некоторых местах, по-видимому, только рядом с другими областями. В Хроме он работал нормально.

Пример проблемы в Firefox:

 p {  background: red;  width: 40em;  white-space: nowrap; } .allow-break {  white-space: normal; } 

 lt;h3gt;With sibling span:lt;/h3gt; lt;pgt;  Distinctio labore et unde veniam.  Autem aut dolorum numquam ipsam. Amet impedit omnis  lt;span class="allow-break"gt; lt;/spangt;  lt;spangt;spanlt;/spangt;  quibusdam qui. Quo nemo qui nihil. lt;/pgt; lt;h3gt;Without sibling span:lt;/h3gt; lt;pgt;  Distinctio labore et unde veniam.  Autem aut dolorum numquam ipsam. Amet impedit omnis  lt;span class="allow-break"gt; lt;/spangt;  span  quibusdam qui. Quo nemo qui nihil. lt;/pgt; 

Это ошибка в Firefox или просто какая-то двусмысленность, о которой я не знаю? Не похоже, что нестайлинг span должен иметь какое-либо значение.