2 DIV в одну строчку
16-05-2009 14:32
к комментариям - к полной версии
- понравилось!
Всё время забываю, и приходится искать каждый раз, как сделать 2 DIV в одну строчку, без переносов.
Существует несколько способов - с помощью float и display;
У каждого метода свои недостатки.
Есть ещё несколько свойств, которые работают не во всех браузерах.
Всё время забываю, и приходится искать каждый раз, как сделать 2 DIV в одну строчку, без переносов.
Существует несколько способов - с помощью float и display;
PHP:
<div>
<div style="float:left">DIV в строчку</div>
<div style="float:left">DIV в строчку</div>
</div>
и
<div>
<div style="display:inline">DIV в строчку</div>
<div style="display:inline">DIV в строчку</div>
</div>
font>
У каждого метода свои недостатки.
Есть ещё несколько свойств, которые работают не во всех браузерах.
Комментарии (4):
Если первый способ мне ещё понятен, то второй совершенно непонятен. В этом случае div становится обычным строковым тегом, как тот же span. Зачем делать span из div?
InternetVoice
18-05-2009-00:19
удалить
Вроде ведут ся одинакого?
Примерчик можо?
Примерчик можо?
Ведут они себя как раз не одинаково.
Я тут набросал пример использования:
div style="float:left", div style="display:inline" и span:
http://www.ge-org.name/divs.html
Можно видеть, что при div style="float:left" можно блоку задать высоту и ширину, а также воспринимается свойство clear (в примере используется style="clear:both")
А div style="display:inline" и span ведут себя идентично: не воспринимают высоту, ширину и свойство clear.
Есть ещё вариант div style="display:table", div style="display:table-row", div style="display:table-cell", но его не воспринимает IE. хотя есть варианты обхода,
но к ним прибегают те, кто органически не воспринимает таблицы.
Я тут набросал пример использования:
div style="float:left", div style="display:inline" и span:
http://www.ge-org.name/divs.html
Можно видеть, что при div style="float:left" можно блоку задать высоту и ширину, а также воспринимается свойство clear (в примере используется style="clear:both")
А div style="display:inline" и span ведут себя идентично: не воспринимают высоту, ширину и свойство clear.
Есть ещё вариант div style="display:table", div style="display:table-row", div style="display:table-cell", но его не воспринимает IE. хотя есть варианты обхода,
но к ним прибегают те, кто органически не воспринимает таблицы.
Комментарии (4):
вверх^
Вы сейчас не можете прокомментировать это сообщение.
Дневник 2 DIV в одну строчку | InternetVoice - Дневник InternetVoice |
Лента друзей InternetVoice
/ Полная версия
Добавить в друзья
Страницы:
раньше»