how to split a string (e.g. a long URL) in a table cell using CSS?

Вот ситуация: я пробую свои силы в некоторых настройках страницы MySpace. Если вы когда- либо пробовали [stackru], я уверен, что вы понимаете, насколько это может быть неприятно.
По сути, все это можно настроить с помощью CSS, в рамках определенного набора правил (например, символ '#' недопустим... как полезно!).
Посмотрите этот блог, если вы хотите больше информации, я использовал его в качестве основы для моих настроек

Так что единственная проблема - в разделе комментариев, где "друзья" публикуют то, что им нравится. Уже есть...

max-width:423px;

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

Вопрос: есть ли способ управления текстом, который будет увеличивать ширину таблицы?
Возможно разделение / измельчение строки? Или я должен делать больше?
URL-адреса публикуются как текст, а не как ссылки.

Использование Firefox и Firebug, кстати.

Редактировать: также JavaScript не допускается;)

Еще одно редактирование. Только что проверил с IE7, и похоже, что оно работает... так что в этом случае хлопотом становится проблема с Firefox..

3 ответа

Несколько браузеров поддерживают перенос слов

ех.

<div style="width: 50px; word-wrap: break-word">insertsuperlongwordhereplease</div>

поддержка браузера в настоящее время IE / Safari / Firefox 3.1 (Альфа)

Вы пробовали различные значения свойства css "overflow"? Я думаю, что может сделать то, что вам нужно в некоторой перестановке.

Ваши возможности довольно ограничены, если вы используете только CSS. Ты можешь попробовать

 overflow: hidden

скрыть оскорбительные части. CSS 3 поддерживает перенос текста, но его поддержка, вероятно, отсутствует. Во IIRC есть css-свойство, предназначенное только для IE, для выполнения того же действия, но я не могу вспомнить его в данный момент, и мой Google-Fu меня подводит.

Другие вопросы по тегам