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

发布时间：2020-12-14 22:46:29 所属栏目：资源来源：网络整理

导读：我在html / css中有对齐问题.我简化了我的问题：浏览器中的输出符合预期：但是,span.left和span.right不应包含任何内容.它们仅用于布局目的.但是,当我删除这两个跨度的内容(“x”)时：输出更改为：它为什么这样做？我该怎么做才能解决这个问题？最佳答

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


浏览器中的输出符合预期：
但是,span.left和span.right不应包含任何内容.它们仅用于布局目的.但是,当我删除这两个跨度的内容(“x”)时：


输出更改为：
它为什么这样做？我该怎么做才能解决这个问题？


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

span { display: inline-block; height: 50px;vertical-align:top; }


                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!