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

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了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解决方案也会有所帮助.

谢谢.

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

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

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

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

大佬总结

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

猜你在找的jQuery相关文章