Как разделить строку (например, длинный URL) в ячейке таблицы с помощью CSS?

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

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

max-width:423px;

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

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

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

Правка: также запрещен javascript ;)

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


person brasskazoo    schedule 26.09.2008    source источник


Ответы (3)


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

person skaffman    schedule 26.09.2008

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

ex.

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

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

person Owen    schedule 26.09.2008

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

 overflow: hidden

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

person Antti Rasinen    schedule 26.09.2008