我在html / css中有对齐问题.我简化了我的问题：
浏览器中的输出符合预期：
但是,span.left和span.right不应包含任何内容.它们仅用于布局目的.但是,当我删除这两个跨度的内容(“x”)时：
输出更改为：
它为什么这样做？我该怎么做才能解决这个问题？
最佳答案
垂直对齐是有问题的,因为它被设置为默认基线.只需将其更改为顶部：
span { display: inline-block; height: 50px;vertical-align:top; }