好的,这是 div 结构。
<div class="DivParent">
<a href="#">
<div class="DivWhichNeedToBeVerticallyAligned"></div>
</a>
</div>
DivParent 具有固定的宽度和高度值,但 DivWhichNeedToBeVerticallyAligned 没有固定的高度值。
如果让 DivParent display:table-cell;您可以垂直对齐 DivWhichNeedToBeVerticallyAligned,但我不想使用该功能,因为它会造成一些困惑。
href 标签链接应该与 divParent 大小相同,我的意思是整个 divparent 必须是可点击的。像显示: block 。
那么是否有任何垂直对齐的 CSS 方式或轻量级的 jquery 解决方案也会有所帮助。
谢谢。
这里是 jsfiddle:http://jsfiddle.net/XHK2Z/
*
最佳答案
您可以使用额外的帮助程序在固定高度的 block 中实现垂直对齐。
看看这个:http://jsfiddle.net/kizu/7Fewx/
你必须在你想要对齐的方 block 附近有一个助手:
.DivHelper {
display: inline-block;
vertical-align: middle;
height:100%;
}
并添加display: inline-block; vertical-align: middle;
到 .DivWhichNeedToBeVerticallyAligned
关于jquery - 如何在不显示 :table-cell 的情况下垂直对齐另一个 div 内的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7446077/