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

Question

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

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

sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss

, вы получаете изображение.

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

Есть предложения? (Я бы не хотел, чтобы текст обрезался с помощью php)

Answer 1

word-wrap: break-word

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

Вы можете посмотреть предварительный просмотр здесь .

Answer 2

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

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