[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: display:inline-block vs float:left
Xes
часто вижу что вместо display:inline-block юзают float:left зачем, почему?

Переделываю визде на display:inline-block и все работает как раблотало во всех браузерах. И не надо потом отчищающий div ставить.



Спустя 25 минут, 51 секунда (5.02.2012 - 17:53) SerginhoLD написал(а):
смотря где юзают и зачем юзают

Спустя 5 минут, 55 секунд (5.02.2012 - 17:59) Xes написал(а):
Блоки выставляю в линию например <li>
Или <div>
восновном для кнопок каких либо или небольших элементов на странице скажем 150на150 px которые надо вывести в линию

Спустя 7 минут, 12 секунд (5.02.2012 - 18:06) SerginhoLD написал(а):
inline-block это строчный элемент, распознается в браузере как символ чтоли, не знаю как правильно выразиться, поэтому между такими блоками имеются отступы, которые предотвращаются всякими извращениями.

float просто прижимает блок к заданному краю.

inline:
<div id="i">
<div>
1</div>
<div>
2</div>
</div>

<style>

#i > div { display:inline-block;}
</style>



float:
<div id="f">
<div>
1</div>
<div>
2</div>
</div>

<style>

#f { overflow:hidden;}
#f > div { float:left;}
</style>

Спустя 44 минуты, 9 секунд (5.02.2012 - 18:50) redreem написал(а):
float сбрасывает зависимость высоты родителя от потомка.

Спустя 1 день, 21 час, 24 минуты, 40 секунд (7.02.2012 - 16:15) ZeiN.ua написал(а):
Вот кстати как раз на хабре статейка по этому поводу появилась «Загадочные отступы» между инлайн-элементами
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.