проблема с размещением: сохранение фиксированной ширины в CSS с переменным текстом

Question

Тег «span», который охватывает текст, который я пытаюсь отобразить, имеет ширину 500 пикселей.

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

sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss 

вы получите картину

Я попытался установить максимальную ширину, но это не помогает

Любой. предложения? (Я не хотел бы, чтобы вырезать текст с PHP)

Answer 1

word-wrap: break-word

Это поддерживается в IE, Firefox 3.5, Chrome, Safari и Opera 10.50. Он даже поддерживается в старых версиях IE, поскольку это изобретение Microsoft, которое теперь является частью CSS3.

see a preview here.

Answer 2

Do вы ненавидите, чтобы вырезать текст с помощью CSS? Попробуйте использовать overflow: hidden. Но это будет вырезать текст.

Я не знаю о структуре вашего текста, но если вы действительно ожидаете слов, как в вашем примере, как насчет вставки пробела в слова looooong, которые в противном случае нарушали бы ваш макет и позволяли HTML-перенос HTML заботиться о линия ломается?