如何解决如何在不超出边界的情况下垂直居中 div
有数以百万计的帖子解决了垂直居中 div 的问题,但我发现的所有答案都认为窗口不能垂直调整大小并因此隐藏内容的关键部分。
有人能帮我把这个 fiddle 垂直居中而不在调整大小时越界吗?
html,body {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}
#center {
position: relative;
display: block;
top: 50%;
margin-top: -1000px;
height: 2000px;
text-align: center;
line-height: 2000px;
}
#wrap {
line-height: 0;
}
#wrap img {
vertical-align: middle;
}
<span id="center">
<span id="wrap">
<img src="https://i.stack.imgur.com/xDoyU.png" alt="" />
</span>
</span>
感谢您的时间朋友
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。