Skip to content

Instantly share code, notes, and snippets.

@yuezk

yuezk/index.html

Created November 15, 2013 06:16
Show Gist options
  • Save yuezk/7479952 to your computer and use it in GitHub Desktop.
Save yuezk/7479952 to your computer and use it in GitHub Desktop.
Download ZIP
A Pen by Zongkun Yue.
Raw
index.html
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>文字在定高容器中垂直居中</title>
</head>
<body>
<div class="main">
<span class="valign-text">我应该是垂直居中的我应该是垂直居中的我应该是垂直居中的我应该是垂直居中的我应该是垂直居中的我应该是垂直居中的</span><i class="valign-helper"></i>
</div>
</body>
</html>
Raw
style.css
.main { width: 500px; height: 400px; margin: 0 auto; border: 1px solid #eee; }
.valign-text { display: inline-block; vertical-align: middle; }
.valign-helper { display: inline-block; width: 0; height: 100%; vertical-align: middle; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment