未知元素高度情况下使其垂直居中方案
一直以来都是使用 xinmu.me/blog 作为博客的首页，而 xinmu.me 则一直荒废着。今天忽然想起了它，便想着先放一个链接上去，一个链接还是居中的好（浏览器正中央）。
上网搜了各种方法，都需要知道元素的高度才可以，遂上 SegmentFault（一个很好的地方）提问，得到了大神神飞的帮助，解决了问题，下面只是将解决办法复制、粘贴一下，原问题在此 http://segmentfault.com/q/1010000000153017
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>只是文字的水平和垂直居中</title>
<style>
html, body { width: 100%; height: 100%; margin: 0; padding: 0}
body { background-color: green; display: table;}
p { line-height: 1.6; text-align: center; padding: 0;margin: 0; display: table-cell; vertical-align: middle;}
</style>
</head>
<body>
true<p>wording</p>
</body>
</html>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论