gpt4 book ai didi

jquery - 垂直对齐文本,非标准情况

转载 作者:太空宇宙 更新时间:2023-11-04 04:22:33 25 4
gpt4 key购买 nike

我正在使用 CSS 计数器和伪元素来自定义有序列表编号 - jsFiddle

我想要实现的是在 <li> 中垂直对齐文本元素只要它是单行,否则保持它与顶部对齐。

这是我希望它看起来像的预览 - http://cl.ly/image/2f1U1p0k2M14

任何解决方案(甚至涉及 JS/jQuery)将不胜感激。

最佳答案

您必须使用 Javascript (jQuery) 检查每个 li 元素的高度。

如果它是 height等于 font-size * line-hight 则添加类“单行”`,如果大于则添加类“多行”。

在您的 CSS 中,您可以设置类及其各自的垂直排列值。

或者为了使用更少的代码,您可以将其中一个设置为“默认”,并且只添加一个不同的类。

PS:感谢@Marc Audet 的评论,这里是一个补充。
如果您使用 min-height,那么您必须确保您的 font-size 和 line-height 值足够高,以便双行条目至少比 min- 高 1px高度值!

关于jquery - 垂直对齐文本,非标准情况,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18815675/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com