对齐-中间问题
对齐-中间问题
提问于 2011-04-02 01:15:40
我对vertical-align:middle;的工作方式有什么误解？
我已经发布了(http://jsfiddle.net/D6RwZ/)一些代码，我希望这些代码可以垂直对齐蓝色矩形中的红色矩形，但它看起来不是这样的。
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-04-02 01:28:43
垂直对齐只适用于内联图像和显示: table-cell。
我已经用过this solution几次了，它工作得很好，但需要一些工作。如果您使用的是固定大小的元素，则绝对位置是目前为止最简单的。动态调整大小的元素和垂直居中可能是非常棘手的，需要处理许多浏览器的怪癖。
Stack Overflow用户
发布于 2011-04-02 01:19:26
竖直对齐:中间不适用于div (块元素)。有关详细信息，请参阅here。
如果您想要垂直对齐，我认为唯一的选择是使用带有适当参数的边距/填充。
Stack Overflow用户
发布于 2011-04-02 01:23:14
vertical-align只能应用于具有以下条件的元素：
display:table-cell，以便垂直对齐element.display:inline或display:inline-block的内容，以便在包含元素的文本行中垂直对齐
使用后者的廉价黑客：http://jsfiddle.net/8bZQS/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5516630
复制相关文章
相似问题
腾讯云开发者
