jquery – 如何在不显示另一个div的情况下垂直对齐div:table-cell

前端之家收集整理的这篇文章主要介绍了jquery – 如何在不显示另一个div的情况下垂直对齐div:table-cell前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
好的,这是div结构.
<div class="DivParent"> 
  <a href="#">

  <div class="DivWhichNeedToBeVerticallyAligned"></div>

  </a>    
  </div>

DivParent具有固定的宽度和高度值,但DivWhichNeedToBeVerticallyAligned没有固定的高度值.

如果你做DivParent显示:table-cell;你可以垂直对齐DivWhichNeedToBeVerticallyAligned,但我不想使用该功能,因为它会导致一些混乱.

一个href标签链接应该与divParent的大小相同我的意思是整个divparent必须是可点击的.喜欢显示:块.

那么有任何CSS垂直对齐方式或轻量级jquery解决方案也会有所帮助.

谢谢.

这里jsfiddle:http://jsfiddle.net/XHK2Z/

*

解决方法

您可以使用额外的帮助程序在具有固定高度的块中实现垂直对齐.

看看这个:http://jsfiddle.net/kizu/7Fewx/

在那里,您必须在要对齐的块附近有一个帮助器:

.DivHelper {
    display: inline-block;
    vertical-align: middle;
    height:100%;
}

添加display:inline-block; vertical-align:middle;到.DivWhichNeedToBeVerticallyAligned

原文链接:https://www.f2er.com/jquery/181111.html

猜你在找的jQuery相关文章