将 <li> 点放在顶部

Question

我试图让列表中的项目符号在顶部而不是底部对齐。

这是我的意思的一个例子：https : //jsfiddle.net/2ma994cr/

<ul class="a">
    <li>Thing 1</li>
    <li><iframe width="420" height="315" src="https://www.youtube.com/embed/3B49N46I39Y" frameborder="0" allowfullscreen></iframe></li>
    <li>Thing 3</li>
</ul>

正如您在小提琴中看到的，嵌入对象的要点位于底部。

是否有<li>我可以在 CSS 中添加的样式将其与顶部对齐或以其他方式对齐？

Answer 1

您应该垂直对齐 中的内容<li>，而不是项目符号本身。尝试这个：

li > * {
    vertical-align: text-top;
}

注意：您可能需要调整选择器；我所拥有的仅将规则应用于每个<li>. 根据您的需要使其或多或少具体。

一个更新的小提琴。