Question

我想知道如何将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>

谢谢。

Answer 1

将以下课程添加到所有3个div

.divs
{
    display: inline-block;
}

Answer 2

使用CSS浮动：

<style type="text/css">
div {
   float: left;
}
</style>

Answer 3

#div1, #div2, #div3 {
    float: left;
}

这项工作规定所有3个DIV的总宽度小于其父级（或页面）

Answer 4

就像Parag Tyagi说的那样。我只会为IE 7和8添加一点兼容性：

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

不要使用花车来定位你的元素（除非它们实际上是浮动的），因为你会遇到很多关于对齐的时髦问题。

如何在水平线上移动div？

4 个答案: