| |
 108.2 Кб |
|
| | Для теста был написан следующий код:
echo'<style type="text/css">';
echo'div { margin: 25px; float: left; border: 1px solid #0088CC; width: 250px }';
echo'</style>';
echo'<div><br></div>';
echo'<div><br><br></div>';
echo'<div><br><br><br></div>';
echo'<div><br></div>';
echo'<div><br><br></div>';
echo'<div><br></div>';
echo'<div><br><br><br></div>';
echo'<div><br><br><br><br></div>';
echo'<div><br></div>';
|
Тест дал следущий вид:
На скриншоте показал, в чём проблема. Как можно решить её? Спасибо. | |
| |
|
|
| |
79.2 Кб |
|
| |
для: Udachix
(20.07.2013 в 19:21)
| | | Чтобы было понятнее, приложу ещё снимок без моих пометок. | |
| |
|
|
| |
|
|
| |
для: Udachix
(20.07.2013 в 19:21)
| | | То есть если раскрыть страницу браузера шире или уже, то вроде элементы нормально себя ведут, ровно в две или пять, например, строк, а вот в определённой ширине получается один элемент такой вот "самостоятельный", плавает где не надо. | |
| |
|
|
| |
|
|
| |
для: Udachix
(20.07.2013 в 19:23)
| | | вместо float: left пропишите display: inline-block | |
| |
|
|
| |
|
|
| |
для: яса1
(20.07.2013 в 21:15)
| | | На сайте htmlbook есть примечание:
Internet Explorer до версии 7 включительно значение inline-block применяется только для встроенных элементов, с блочными элементами работает некорректно. | |
| |
|
|
| |
|
|
| |
для: яса1
(20.07.2013 в 21:15)
| | | Просто хочу сказать, что нужна кроссбраузерность. Но не знаю, какие тогда нужны ещё пункты, кроме моих:
display:-moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
|
| |
| |
|
|
