1.通过position的绝对定位,然后在通过left和top就可以设置你的图片位置了;代码如下
<div style='position:absolutleft:0pxtop:0px'>
<img src='图片地址'>
</div>
2.通过div+css的布局来实现给定一个包裹图片的div默认位置就行,代码如下
<div>
<div style='flaot:leftwidth:330pxheight:200px'>
<p>我是左边的</p>
</div>
<div style='flaot:leftwidth:330pxheight:200px'>
<img src='图片地址'>
</div>
</div>
1、一列布局:一般都是固定的宽高,设置margin : 0 auto来水平居中,用于界面显著标题的展示等。
2、两列布局:说起两列布局,最常见的就是使用float来实现。float浮动布局的缺点是浮动后会造成文本环绕等效果,以及需要及时清除浮动。
3、三列布局:两侧定宽中间自适应,首先设置父级元素的宽度,可以左左右设置浮动。然后中间设置margin调整间距。 也可以都设置成左浮动,设置margin,调整间距。同样注意清除浮动的影响。
4、混合布局:在一列布局的基础上,保留top和foot部分,将中间的main部分改造成两列或三列布局,小的模块可以再逐级同理划分。
你好!这个当然是可以的啊。我布局一下给你,你参考一下:<div style="width:100pxmargin:0px 10px 0px 0pxfloat:left"><img border="0" src="image/1.jpg" width="100" height="110" /></div>
<div style="width:210pxfloat:left">
<div style="width:100pxfloat:left"><img border="0" src="image/2.jpg" width="100" height="50" /></div>
<div style="width:100pxmargin:0px 0px 0px 10pxfloat:left"><img border="0" src="image/3.jpg" width="100" height="50" /></div>
<div style="width:100pxmargin:10px 0px 0px 0pxfloat:left"><img border="0" src="image/4.jpg" width="100" height="50" /></div>
<div style="width:100pxmargin:10px 0px 0px 10pxfloat:left"><img border="0" src="image/5.jpg" width="100" height="50" /></div>
</div>
以上都是按照你图像样式来做的,都是以图片布局形式,你可以参考一下。
希望我的回答能令你满意!