HTML元素垂直居中

HTML部分：

<div id="center"><img src="pic.jpg" /></div>

CSS部分：

body, html, #center {height: 100%;margin: 0px;padding: 0px;}#center:before {content: '';  display: inline-block;  vertical-align: middle;height: 100%;}#center img {display: inline-block;vertical-align: middle;}#center {text-align: center;}