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