由于空的html / css对齐问题.是什么让我的内容下移?

前端之家收集整理的这篇文章主要介绍了由于空的html / css对齐问题.是什么让我的内容下移?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我在html / css中有对齐问题.我简化了我的问题:

浏览器中的输出符合预期:

但是,span.left和span.right不应包含任何内容.它们仅用于布局目的.但是,当我删除这两个跨度的内容(“x”)时:

输出更改为:

它为什么这样做?我该怎么做才能解决这个问题?

最佳答案
垂直对齐是有问题的,因为它被设置为默认基线.只需将其更改为顶部:

span { display: inline-block; height: 50px;vertical-align:top; }
原文链接:https://www.f2er.com/html/425823.html

猜你在找的HTML相关文章