CSS居中对齐 总结
2013-03-30
- 水平对齐很容易，当要对齐的元素是liline元素时，在他的父元素上用 text-align，当要对齐的元素是block元素的，在自己身上设置宽度，然后使用 margin：0 auto；
2.如果是table的单元格，可以使用valign 和 vertical-align垂直居中对齐。
3.一行文本居中对齐，设置 line-height；line-heiht 可以和height相等。
4.父元素是block元素，要让img居中对齐，找了好多的博客，貌似只有下面的这种方法, 才算是真正的使用vertical-align。 parent{ display: table; } img{ display:table-cell; vertical-align:middle; display:inline-block;}
记住：vertical-align 的目的是要和 inline box对齐，当没有 inline box时，不会起作用，就像给一个div设置 line-height为200px，其中只有一个img时，vertical-align设置后不会居中对齐。