Текст пересекается больше, чем max-width в html

Question

Я установил max-width для div как 500px, но текст внутри тега div, пересекающий ширину, и продолжающийся вместо перехода к следующей строке.

Пожалуйста, помогите, какой код необходимо изменить.

Ниже мой код Место:

ДИВ набор для 500px

р тег, содержащий текст внутри DIV. Он пересекает более 500 пикселей вместо перехода на следующую строку.

Я знаю его маленький базовый, но я понятия не имею, как это сделать. Пожалуйста помоги.

Answer 1

Вы должны использовать CSS word-wrap так долго текста (ссылки, длинные слова и т.д.) не перемещайтесь за пределы вашего div.

word-wrap: break-word; 

Возможны следующие варианты: normal|break-word|initial|inherit

Вы также можете установить overflow:hidden, чтобы содержание, что происходит за пределами коробки, чтобы быть видимыми.

Answer 2

Не нужно устанавливать ширину в теге абзаца. Ширина будет содержать родительский <div>.

Пример здесь http://jsfiddle.net/statzx2m/

Answer 3

Вот demo

Добавить эту строку в CSS:

word-wrap: break-word; 

Answer 4

Набор для вашего пункта а word-wrap: break-word:

p { 
    word-wrap: break-word; 
} 

Пример:

.container { 
 
    max-width: 500px; 
 
} 
 
.container > p { 
 
    word-wrap: break-word; 
 
}

<div class="container"> 
 
    <p>LoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitametLoremsitamet</p> 
 
</div>

http://jsfiddle.net/ro3yfede/