tailwind css 中的 line-height 未生效？解决垂直居中难题
使用 tailwind css 时，你可能会遇到 line-height 无法正常工作的情况，导致垂直居中无法正确实现。以下问题和解答将帮助你理解原因并解决此问题：
问题：
这里的 leading-6 均未生效，垂直居中如何实现？
58到家打造的AI智能营销工具
解答：
此问题的根源在于 h-12 的实际值是 height: 3rem;，而 leading-6 的实际值是 line-height:1.5rem，两者差了一半，导致无法垂直居中。
另外，leading-* 的最大值只有到 leading-10（即 line-height: 2.5rem），没有 leading-12。
因此，想要垂直居中，可以这样设置原子类：
或者，如果可以的话，缩小高度值为 h-10 也可以：
当然，你也可以自己定义一个 leading-12 类并使用它。
以上就是Tailwind CSS 中的 line-height 为什么失效了？如何垂直居中元素？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1153390.html
微信扫一扫 
支付宝扫一扫 
