怎么让DIV在HTML插入图片 居中显示

怎么让DIV在HTML插入图片 居中显示
# .banner{width:1000px; height:425px; margin:auto;}
水平居中:div设御慧置:text-align:center;
img设置:width:图片宽度; margin:0 auto;

垂直居中:div设置:position:relative;
img设置:position:absolute; top:50%; height:图片高度; margin-top:图片高度的一半;

的定义和用法
可定义文档中的分区或节(division/section)。
标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。
如果用 id 或 class 来标记 ,那么该标签的作用会变得更加有效。
用法
是一个块级元素。这意味携腔着它的内容自动地开始一个新行。实际上,换行是 固有的唯一格式表现。可以通过 的 class 或 id 应用额外的样式。
不必为每一个 都加上类或 id,虽然这样做也有一定的好处。
可以对同一个 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。镇隐答这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。


<模者div class="banner">
<巧拿img src="images/bann.gif "width="942" height="孝码搭356" />

.banner{ width:1000px; height:425px; margin:auto;}
.banner img{ margin:0 auto;}
伍斗
袭橘埋
把DIV banner的宽度删掉 再设text-align:center