Простой CSS!Когда в моем div много текста, он просто продолжается по одной прямой строке, а не переходит на следующую строку?Ширина установлена

Question

У меня задана ширина, а для высоты установлено значение «авто».Каждая строка представляет собой div, внутри находится div для каждого столбца.и есть <p> тег внутри разделов столбцов, где должен быть текст.Используемый CSS очень простой, просто некоторые отступы и установка ширины/высоты...и плыви влево.

Что-то мне не хватает?

Answer 1

На самом деле это ожидаемое поведение вашего кода.В вашей «ячейке» есть одно «слово» без пробелов.Таким образом, браузер не знает, куда переносить текст, и автоматически расширяет поле.Вы должны добавить word-wrap: break-word Правило CSS для .orderHistoryTable селектор (или orderHistoryTable div.row1 если вы хотите, чтобы такое поведение было только в этой ячейке)

http://jsfiddle.net/d2Amf/

Answer 2

Вы пытались установить CSS overflow свойство?

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

Answer 3

Я живу и дышу методом Clearfix.Это решит многие ваши проблемы с макетом с помощью div.Это может решить вашу проблему, а может и нет, но в целом его здорово использовать при создании макетов с большим количеством элементов div.Я использую метод Джеффа Старра из Perishable Press: http://perishablepress.com/press/2009/12/06/new-clearfix-hack/