图片是一个块级元素，可以用块级元素的方法居中，居中的方法有很多，我随便列举几个一lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitle居中lttitle lthead ltstyle type=quottextcssquot one。

负值的大小为层自身宽度高度除以二如一个层宽度是400，高度是300使用绝对定位距离上部与左部都设置成50%而margintop的值为－150marginleft的值为－200这样我们就实现了层垂直居中于浏览器的样式编写div。

必须给定位的元素设置一定的值，如果你要水平居中可以用javascript做到 left的值 = 定位元素的父元素宽度 定位元素宽度2 如果该父元素是body可用screenwidth，如果不是，请把该父元素设置成positionrelative。

让div左右居中可以使用百分比绝对定位，与外补丁负值的方法，负值的大小为其自身宽度高度除以二，样式如下ltstyle type=quottextcssquot main positionabsolutetop50%left50%width200pxheight100pxmargintop。

1建立txt文档，更改后缀名为html，如图2右击html文件，选择用记事本打开，如图3讲解第一种div绝对定位水平垂直居中CSS3使用transform， transform中translate偏移的百分比值是相对于自身大小的，无论绝对定位元素的尺。

1新建一个testhtml文件2在文件中，创建一个div模块，在div内，使用img标签创建一张图片3在css标签内，设置div的高度宽度位置属性为绝对定位，同时使用left和top设置居中显示，从而实现图片在网页中居中显示。

html垂直居中有4中方法分别有使用lineheight使用表格利用displaytablecell使用绝对定位具体实现方法使用lineheight 把文字的lineheight设为文字父容器的高度，适用于只有一行文字的情况可以让文字在父元素内。