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

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

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

max-width:423px;

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

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

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

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

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

Ответы [ 3 ]

1 голос
/ 26 сентября 2008

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

отл.

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

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

1 голос
/ 26 сентября 2008

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

0 голосов
/ 26 сентября 2008

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

 overflow: hidden

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

...