如何在div中让图片居中

 时间:2024-10-13 10:21:48

1、套趱咝鲞初始效果代码:<divstyle="height:145px;position:relative;width:768px;background-color:#999999;"><div><imgsrc="wait.gif"width="16"height="16"/>正在查询请稍后!</div></div>效果样式:

如何在div中让图片居中

3、代码如下:<divstyle="height:145px;position:relative;width:768p旌忭檀挢x;background-color:#999999;"><divstyle="width:145px;position:absolute;left:311px;top:65px"><imgsrc="wait.gif"width="16"height="16"/>正在查询请稍后!</div></div>

4、分析1最外层的DIV定义了 宽,高,背景颜色,位置为相对位置里边的div 定义了一个 position: absolute 绝对定位,即在相对于最外侧的灰色div从坐上角开始定义位置 left:311px; top 65px; 宽度可定义可不定义。

5、分析2:原本试过 在里层的div上加过 margin:0auto; 如果不定义宽度的话,是没有任何效果的;定义宽度之后,只能保持水平居中如下图:

如何在div中让图片居中

7、另外 实验过,给里层div赋值 宽,高,然后margin:auto;发现 仍然是左右居中,上下不居中, w3cschool 中也没有对应的解释,网上其他的方法大都用的是position:absolute 这个绝对定位

8、另外,一旦设定了margin 就是相对定位了,但一旦设定了position:absolute 那就是绝对定位了,一定 要设置top,lef等位置

  • 怎样用css定义按钮的颜色
  • HTML怎么实现网页跳转
  • html如何在title标题前加小图标
  • css怎么用div做一个半圆
  • 利用jquery写出鼠标悬停在一张图片上放大图片
  • 热门搜索
    腹部怎样减肥 牙缝变大怎么办 脚踝韧带拉伤怎么办 咖啡能减肥吗 六小龄童简介 赛尔号攻略 青岛旅游攻略 镇江旅游攻略 粉色大衣搭配 内蒙古旅游攻略