怎样用css实现多张图片上下左右对齐

html-css08

怎样用css实现多张图片上下左右对齐,第1张

<img src = '../image/1.jpg'><br>

<img src = '../image/2.jpg'><br>

<img src = '../image/3.jpg'><br>

<img src = '../image/4.jpg'><br>

最基本的对齐方式：

img{

width:100px

height:100px

}

如果你的是<div><img src="img.jpg"</div><div><img src="img.jpg" /></div>

那以把DIV改成SPAN就可以了

也就是改成<span><img src="img.jpg"</span><span><img src="img.jpg" /></span>

你还不够费事的,你直接PS到一块不就行了嘛,

你要想用css,你要用到定位,把背景放到最下面一层,内容放到上面,如果这样的提示你还写不出来的话,你就别写了,直接用PS给拼到一块吧.

看看吧

<div style="position:relative">

<div style="width:50%height:500pxfloat:leftbackground:red"></div>

<div style="width:50%height:500pxfloat:leftbackground:blue"></div>

</div>

<div style="font-size:36pxposition:absoluteleft: 0pxtop: 0px">内容</div>,

自己改改