Содержание переполняется за пределами <div>

Question

Содержимое элемента <div>, если у него нет пробелов, выходит за пределы контейнера.

Есть ли способ исправить это с помощью новой строки во всех браузерах?

Например:

<div style="width: 500px;">

    <div style="border: 1px solid #000;">
        <p>http://www.trendn.com/timthumb.php?src=http%3A%2F%2Fwww.blogcdn.com%2Fwww.engadget.com%2Fmedia%2F2011%2F04%2F11x0419n873422_thumbnail.jpg</p>
    </div>

</div>

Спасибо

Answer 1

Если я правильно понимаю: (не уверен, что я делаю, поскольку я отправляю другой ответ на те, которые уже здесь)

Используйте свойство white-space (или эквивалентное свойство для IE).

#divElement {
    word-wrap: break-word;      /* IE 5.5-7 */
    white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
    white-space: pre-wrap;      /* current browsers */
}

Смотрите здесь: http://jsfiddle.net/thirtydot/RE5uG/

Answer 2

использование CSS переполнение с hidden

Answer 3

Вы можете использовать объявление overflow css.

См .: http://www.quirksmode.org/css/overflow.html

http://jsfiddle.net/userdude/pr2k7/