先看下我们的html代码，在一个div里放入一个img图片标签。
02再看下我们div的样式，主要地方是我们设置了div的宽度，为400px，如图所示的代码。
03现在看下页面，可以看到，现在的图片是靠左显示的，并没居中。
04要让img标签的图片居中，我们可以加上一行样式代码：text-align: center就行了。
05再次看下页面，可以看到现在的图片已经是居中显示的了。
IE6/7及IE8混杂模式中，text- align:center可以使块级元素也居中对齐。其他浏览器中，text-align:center仅作用于行内内容上。解决这个问题比较好的方式，就是为所有需要相对父容器居中对齐的块级元素设置“margin-left:Automargin-right:Auto”。但这个方式 IE6/IE7/IE8的混杂模式中不支持，所以还要设置父容器的 "text-align:center"。
若居中对齐的子元素内的行内内容不需要居中对齐，则还需要为其设置“text-align:left”：
* { font-family:Consolas,Verdana,Arialfont-size:12px}
