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

由于空的htmlcss对齐问题.是什么让我的内容下移?,第1张

概述我在html / css中有对齐问题.我简化了我的问题:<!DOCTYPE html> <html> <head> <title>Test</title> <style> span { display: inline-block; height: 50px

我在HTML / CSS中有对齐问题.我简化了我的问题:

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

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

输出更改为:

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

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

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

以上是内存溢出为你收集整理的由于空的html / css对齐问题.是什么让我的内容下移?全部内容,希望文章能够帮你解决由于空的html / css对齐问题.是什么让我的内容下移?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1120738.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-29
下一篇 2022-05-29

发表评论

登录后才能评论

评论列表(0条)