html中页面内容居中显示图片(html中图像怎么居中)

　　一 .不定宽的文本和图片等内联元素居中：

　　定义它的父元素：text-align:center;

　　二 .定宽块状元素居中：

　　定义它的margin：0 auto；使它的margin-left，margin-right为auto；

　　三 .不定宽的块状元素：

　　1.加入 table 标签：

　　在想居中的块状元素外面加入table，tr，td，把它放在一个td里面，然后对

　　table设置margin:0 auto;

　　2.设置 display: inline 方法：与第一种类似，显示类型设为 行内元素，进行不定

　　宽元素的属性设置:

　　与第一种情况不定宽内联元素居中差不多，把块状元素设置为行内元素，然后设置这个行内元素的父元素text-align：center；

　　3.设置 position:relative 和 left:50%：利用 相对定位 的方式，将元素向左偏移 50% ，即达到居中的目的