首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

行内元素空白“消消

~欢迎点击上方蓝字「歪码行空」快速关注~ ---- 前言 相信大家应该都遇到过下面这个问题:“HTML 源码中行内元素之间的空白显示在了屏幕上”。可能大家都有自己的小技巧来消除这些意料之外的空白。...废话不多说,接下来我给大家总结一下消除行内元素 HTML 源码空白的小技巧。 下文中以一个div中的两个span标签为例。...我们将两个div内的两个span设为display:inline-block;width:50%;,会发现两个span元素并没有在同一行,这就是源码中的空白导致的。 示例图与代码如下: ?...background: #37b8ea; } .Resolve span:last-child { height: 30px; background: #5cb767; } 解决方案 1:源码中直接就写成一行...css 样式之外,我们可以使用 html 注释来抵消空格,这种情况下不用额外进行 css 处理。

1.3K10
领券