Переполнение CSS с длинным URL-адресом

Question

Итак, у меня есть объявления Google в контейнере 160x600. Новые объявления отображаются случайным образом при обновлении. Когда объявление появляется с длинным URL-адресом, который не содержит тире или любых символов для его разрыва, он переполняется из контейнера div. Прямо сейчас у меня переполнение: скрыто, так что все после 160 пикселей скрыто. Проблема в том, что если есть длинный URL-адрес, некоторые из них спрятаны (это хорошо), но текст над объявлением также скрывается, а не разбивается, потому что он выходит горизонтально до URL-адреса.

Как сделать текст совместимым и обернуть на 160 пикселей, даже если я не могу сделать URL-адрес ниже?

Спасибо!

Answer 1

Вы всегда можете поместить URL-адрес в отдельный DIV, а затем установить, что переполнение DIV в скрытое.

Answer 2

Я не думаю, что есть чистый CSS способ фиксации этого: http://www.w3schools.com/Css/pr_pos_overflow.asp

Чтобы решить проблему, вы можете поместить URL в своем собственном DIV и установить свойство переполнения быть скрыты. Это запретит URL-адрес, чтобы выйти за пределы контейнера, орех, я не уверен, что это то, что вы собираетесь делать.

Если вы используете PHP, я нашел это, что может текст требующее переноса:

$t = preg_replace("/>(([[:alnum:]]+:\/\/)¦www\.)([^[:space:]]". 
"{30,40})([^[:space:]]*)([^[:space:]]{10,20})([[:alnum:]#?\/&=])". 
"</", ">\\1\\3...\\5\\6<", $t); 

(от http://www.webmasterworld.com/forum83/5762.htm)

редактировать: есть также прохладный word-wrap CSS свойство, но он выиграл обрабатываются большинством текущих браузеров.

Надежда, что помогает

---

Кроме того, это своего рода дубликат: Using CSS, how can I split a string (e.g. a long URL) in a table cell?

Answer 3

для браузеров whichsupportit, word-wrap: брейк-слова ;.