图片位置代码怎么使用?

来源:百度知道 编辑:UC知道 时间:2024/06/21 20:09:05
<img src="url" align=top,bottom,middle,left,right >(分别为上、下、中、左、右的位置)

这个代码中,如果把一个图片放在左上角,而图片右侧方文字,怎么把这个代码改写?
41px,40px……等等,这些是什么呢?

1、通过position的绝对定位,然后在通过left和top就可以设置的图片位置了;
  代码如下
  <div style='position:absolut; left:0px; top:0px'>
  <img src='图片地址'>
  </div>

  2、通过div+css的布局来实现给定一个包裹图片的div默认位置就行;
  代码如下
  <div>
  <div style='flaot:left; width:330px; height:200px;'>
  <p>左边的</p>
  </div>
  <div style='flaot:left; width:330px; height:200px;'>
  <img src='图片地址'>
  </div>
  </div>

这个可以这样写:html代码
<div id="myimg" style="width:300px; height:200px; margin:0 auto">
<img src="http://img.baidu.com/img/logo-zhidao.gif" style="float:left;"/>
中国第一品牌,全国联网服务.最优惠的价格,请购买您需要的 16年专业服务,赢得4000余家..中国第一品牌,全国联网服务.最优惠的价格,请购买您需要的 16年专业服务,赢得4000余家..中国第一品牌,全国联网服务.最优惠的价格,请购买您需要的 16年专业服务,