有几种方法可以使元素水平和垂直居中，这取决于情况和您的喜好。
使用以下标记：
<div><img src="a.png" width="100" height="100"></div>
行高
div { width:300px; height:300px; line-height:300px; text-align:center; }div img { vertical-align:middle; }好的快速修复方法，不会使您
position太费时间，但是如果实际上将文本居中，则可能会出现问题。
显示：表格单元
div { width:300px; height:300px; text-align:center; display:table-cell; vertical-align:middle; }就像好的旧表一样工作并且高度灵活，但是仅在现代浏览器中受支持。
位置：绝对
div { width:300px; height:300px; position:relative; }div img { top:-50px; left:-50px; position:absolute; margin:50% 0 0 50%; }top和
left该元件的一半的各自的尺寸被定位偏移应设置。如果包含元素需要灵活，但是需要绝对值才能工作，则效果很好。
