Question

一个div里面有三个img，如何将这三张图片分别显示在垂直左边、垂直中间、垂直右边，三张图片大小不一样

Answer 1

这个好解决：

.a{ width:1002px; overflow:hidden; margin:0 auto; border:#FF0000 solid 1px;}

<div class="a">

<img src="images/6.jpg" /> <img src="images/6.jpg" /> <img src="images/6.jpg" />

</div>

或者这样也行：

.a{ width:1002px; overflow:hidden; margin:0 auto; border:#FF0000 solid 1px;}

.a ul{ padding:0; margin:0;}

.a li{ list-style-type:none; font-size:12px; color:#333333; float:left;}

<div class="a">

<ul>

<li><img src="images/6.jpg" /></li>

<li><img src="images/6.jpg" /></li>

<li><img src="images/6.jpg" /></li>

</ul>

</div>

显示的效果：

请采纳啊！！！

Answer 2

如果像你切图的那样正规写就可以：
<div>
<img class="p1" src="1.jpg">
<img class="p2" src="2.jpg">
<img class="p3" src="3.jpg">
</div>

如果你规定了页面尺寸，那就写样式：
.p1{float:left;}
.p1{margin-left:10px;}
.p3{float:right;}

Answer 3

<div class="img">
    <img src="1.jpg">
    <img src="2.jpg">
    <img src="3.jpg">
</div>

 这样的3张图片么？ 想要达到的效果没看懂。PS张图来 我给你写个CSS

追问

类似这样的效果

追答

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

你看看行不行

Answer 4

这个用定位啊