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 меня подводит.