понедельник, 14 мая 2012
13:30

все записи пользователя в сообществе Ryuzaki_rnd
Правильного ответа нет. Любой выбор приводит к жертвам, любое решение требует платы. | Лишь навык имеет значение.
[ok]

Здравствуйте.

Подскажите пожалуйста, возможно ли выстроить несколько div'ов рядом, без использования float?
Чтобы они не вытаскивались из общего потока.

URL
Комментарии
14.05.2012 в 13:32

2(che)n
( . )( . )админ
display:inline

ЗЫ. ответы на большинство ваших вопросов по верстке есть на htmlbook.ru
Это был мой последний ответ вам по верстке
URL
14.05.2012 в 13:36

Ryuzaki_rnd
Правильного ответа нет. Любой выбор приводит к жертвам, любое решение требует платы. | Лишь навык имеет значение.
2(che)n, Спасибо, попробую.
URL
14.05.2012 в 14:28

Ryuzaki_rnd
Правильного ответа нет. Любой выбор приводит к жертвам, любое решение требует платы. | Лишь навык имеет значение.
по верстке есть на htmlbook.ru
Это был мой последний ответ вам по верстке

Большинство ответов выдаёт вариант с флоат.

У display: inline есть большая проблема - ширина теряется.
URL
14.05.2012 в 14:38

2(che)n
( . )( . )админ
Ширина чего теряется?

И в случае с float, и в случае с display:inline ширину нужно задавать у родительского контейнера, чтоб не вылезали дивы
URL
14.05.2012 в 14:47

Ryuzaki_rnd
Правильного ответа нет. Любой выбор приводит к жертвам, любое решение требует платы. | Лишь навык имеет значение.
Див имеет ширину 230px и некоторое содержимое.
Если ставить ему инлайн, то ширина игнорируется и ширина дива становится равной ширине содержимого.
Если в содержимом строка, то ширина дива меняется на ширину строки.
URL
14.05.2012 в 14:49

Ryuzaki_rnd
Правильного ответа нет. Любой выбор приводит к жертвам, любое решение требует платы. | Лишь навык имеет значение.
Просто див.

C инлайном.



С инлайном в родительском диве.





URL
14.05.2012 в 15:18

2(che)n
( . )( . )админ
по стандарту width поддерживается только блочными или табличными элементами

inline - строчный элемент
URL
14.05.2012 в 15:40

2(che)n
( . )( . )админ

display:inline-block width:300px
display:inline-block width:100px
display:inline-block width:100px


URL