问题描述

css+div布局 如何实现两张图片平行放置

很简单的一段代码，但不知为何我想让right中的图片放到middle的旁边，可总是无法实现（如图）：

就是如何将右下角的图片移到跟上一个图片平行的位置。

解决方案

第一个图片不要用p或者其它的块级元素包裹，或者设置一个float:left的css即可。

解决方案二：

浏览器默认是流体布局，从上到下；需要认为设置为水平布局就可以了；第一个div设置为float:left；第二个div设置为float:right；

解决方案三：

给你左边图片一个边框,右边图片一个边框,然后将右边图片float到左边就可以了。只要你控制住边框就能实现你想要的效果的

解决方案四：

或者你做成一行两列的表格，在表格里面插入

解决方案五：

你所提出的问题描述不是很清楚，可以把你的代码贴出来吗？

num1
num2
如果是块级元素包含快可以用下面的方法：将两个图片设置统一的浮动方向。

.img{
float: left;
}

    <div>
        <div class ="img" ><img src="num1.png"/></div>
        <div class ="img" ><img src="num2.png" id="num2"/></div>
    </div>

解决方案六：

你所提出的问题描述不是很清楚，可以把你的代码贴出来吗？

num1
num2
如果是块级元素包含快可以用下面的方法：将两个图片设置统一的浮动方向。

.img{
float: left;
}

    <div>
        <div class ="img" ><img src="num1.png"/></div>
        <div class ="img" ><img src="num2.png" id="num2"/></div>
    </div>

解决方案七：

让图片变成块状元素，之后设置float为left

解决方案八：

2张图片直接放入div中就好了，div设置style="align:center"，不需要浮动