Как я могу переместить div по горизонтали?

0

Я хотел бы знать, как я могу переместить 3 div в горизонтальную линию? Это мой код:

<div id="div1">
    <img id="poza1" src="http://s13.postimg.org/x0yjq2xxv/programare.jpg?noCache=13    97486136" />
</div>
<div id="div2">
    <img src="http://s11.postimg.org/axam9glov/administrare.jpg?noCache=1397486260" width="468" height="167" id="poza2" />
</div>
<div id="div3">
    <img id="poza3" src="http://s30.postimg.org/ly7cy5xrx/tacografe.jpg?noCache=1397486471" />
</div>

Спасибо.

  • 0
    div { display : inline-block; }
  • 0
    Вы можете установить ширину и плавать влево.
Теги:

4 ответа

0
Лучший ответ
#div1, #div2, #div3 {
    float: left;
}

Это работает при условии, что общая ширина всех 3 DIVs меньше их родительской (или страницы)

Поделиться
4

Добавьте следующий класс во все 3 divs

.divs
{
    display: inline-block;
}
Поделиться
0

Использование CSS-плавающего:

<style type="text/css">
div {
   float: left;
}
</style>
Поделиться
0

Как сказал Параг Тяги. Я бы добавил только немного совместимости для IE 7 и 8:

.div1, div2, div3 {
    display: inline-block; *display:inline; zoom:1;
    /*optionally*/
    max-width:33.33%;
}

Никогда не используйте float для размещения ваших элементов (если только они не должны быть фактически размещены), так как вы столкнетесь с множеством проблем с фанкой с выравниванием и т.д.

Поделиться
  • 0
    Don't ever use floats to position your elements (unless they should be actually floated) - ИСТИНА
  • 0
    @ParagTyagi хорошо ... Я думаю, что это в соответствии с предпочтениями, я очень люблю поплавки, и я думаю, что они гораздо лучше в большинстве ситуаций, особенно когда речь идет о разработке адаптивных сайтов, где display:inline-block; всегда приводит к «фанк-проблемам» (ссылаясь на пробелы).
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню