Работает ли "white-space" для блоков "div"?

[vla]

Работает ли "white-space" для блоков "div", и как?

Для блоков div стоит float:left, но при уменьшении экрана они становятся друг под другом (что и следовало ожидать)...
Как запретить это? Типа white-spase:nowrap (css) или <pre> </pre> (html), только для блочных элементов...

 

[motek]

Работает ли "white-space" для блоков "div", и как?

Для блоков div стоит float:left, но при уменьшении экрана они становятся друг под другом (что и следовало ожидать)...
Как запретить это? Типа white-spase:nowrap (css) или <pre> </pre> (html), только для блочных элементов...

min-width: ...px; :biggrin:

 

[Snickers]

Работает ли "white-space" для блоков "div", и как?

Для блоков div стоит float:left, но при уменьшении экрана они становятся друг под другом (что и следовало ожидать)...
Как запретить это? Типа white-spase:nowrap (css) или <pre> </pre> (html), только для блочных элементов...

min-width: ...px; :biggrin:

min-width Для контейнера в котором находятся блоки. ширина блока контейнера должна быть равна сумме ширины блоков которые внутри + если у них есть отступы padding и margin то соответственно ещё и сумму их с обоих сторон каждого блока

 

[motek]

Работает ли "white-space" для блоков "div", и как?

Для блоков div стоит float:left, но при уменьшении экрана они становятся друг под другом (что и следовало ожидать)...
Как запретить это? Типа white-spase:nowrap (css) или <pre> </pre> (html), только для блочных элементов...

min-width: ...px; :biggrin:

min-width Для контейнера в котором находятся блоки. ширина блока контейнера должна быть равна сумме ширины блоков которые внутри + если у них есть отступы padding и margin то соответственно ещё и сумму их с обоих сторон каждого блока + border справа и слева...

молодец...

 

[vla]

Вариант!
Но в таком случае, когда надо считать общую ширину, зачем использовать min-width:500px??? Чем он лучше width:500px в конкретной ситуации?

 

[tigra60]

Используя width:500px вы получаете фиксированную ширину подложки - не больше и не меньше.

А min-width:500px позволяет подложке тянуться на весь экран. И только в том случае, когда ширина экрана будет меньше этих 500рх, часть подложки уйдет за экран и появится полоса прокрутки. Но ширина подложки не уменьшится, а значит все плавающие в подложке блоки сохранят свое положение.

Имейте в виду, что в любимом браузере это свойство не работает, нужно применять костылики на javascript.