我正在使用 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/