居中那些事：居中为什么有时候没效果 margin：0 auto text-align:center valign vertical-align:middle

1.table表格中的居中（不仅仅是表格 任何情况下都可以设置行内水平居中样式，但是垂直居中不可以）

水平居中 垂直居中 2.margin:0 auto margin:0 auto不起作用的原因：界面需要有宽度 ，如果只有图片Img等行内元素，没有宽度 则需要给body一个宽度,才能有作用 3.vertical-align:middle 垂直居中 为什么不起作用 图片垂直居中用vertical-align:middle; 只对（xhtml）元素生效。例如

不适用于

没有垂直居中特性，使用vertical-align对这些元素不起作用。 文字水平居中用text-align:center; 文字垂直居中用text-height:10px; line-height:父级高度 垂直居中 可以设置Line-height:等于父级高度 

4.line-height设置垂直居中