动态 DIV 使用 CSS 垂直居中对齐
我正在寻找 CSS 中垂直对齐的最佳方法。我发现这是一个没有很好解决的问题：vertical-align 属性与 HTML 中的属性不同。我需要一个像水平方式的 margin:auto 属性一样工作的代码。我现在使用的代码并非在所有地方都有效（例如：fadeIn 对象）。这里是：
<div style="width:200px; height:100px; background:white; display:table">
<div style="display:table-cell; vertical-align:middle">
<img src="image.jpg" height="20" width="100" />
</div>
</div>
I am looking for the best way of vertical-aligning in CSS. I experience that this is a not-well-solved issue: vertical-align property is not the same as in HTML. I need a code working like the margin:auto property in horizontal way. The code I am using right now is not working everywhere (ex: fadeIn the object). Here it is:
<div style="width:200px; height:100px; background:white; display:table">
<div style="display:table-cell; vertical-align:middle">
<img src="image.jpg" height="20" width="100" />
</div>
</div>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
尝试此处使用的绝对位置方法。如果您实际上发布了带有动画之类的 jsfiddle ，以便我们可以看到，那就太好了。
Try the absolute position method used here. It would be nice if you actually posted a jsfiddle with animations and whatnot so we can see.
查看有关 CSS 垂直居中的教程。相关问题CSS 中的垂直对齐？、使用 CSS 垂直居中 Div 的最佳方式是什么？ 和
在整个页面上垂直对齐 DIV 还包含一些有用的内容答案。
Take a look at this tutorial on Vertical Centering in CSS. Related questions Vertical aligning in CSS?, What's The Best Way of Centering a Div Vertically with CSS? and
Vertially aligning a DIV on the entire page also contain some helpful answers.