我试图让列表中的项目符号在顶部而不是底部对齐。
这是我的意思的一个例子：https://jsfiddle.net/2ma994cr/ 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中添加样式，将其与顶部对齐还是以其他方式解决这个问题？
您应该将内容垂直对齐<li>，而不是子弹本身。尝试这个：
li > * {
vertical-align: text-top;
}
注意：您可能需要调整选择器；我所拥有的仅适用于每个的直接子代的规则<li>。根据您的需要或多或少地具体化。
An 更新了小提琴 https://jsfiddle.net/2ma994cr/1/.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
