我在html中创建了两个元素,并且每个元素都是一个内联块。我发现这两个元素之间总是有差距,但实际上我没有为它们设置任何填充/边距属性。有人能告诉我为什么以及如何解决这个问题?两个内联块之间的差距<span>元素
回答
CSS:
span {
display: inline-block;
}
HTML:
<span>This will have</span>
<span>a gap between the elements</span>
<span>This won't have</span><span>a gap between the elements</span>
Thans,男人。这是为我解决这个问题的简单方法。 – chaonextdoor 2012-04-19 04:46:28
这是一个奇怪的行为,它可以修复,改变你的标记为这样的东西。
<div class="inline">
first
</div><div class="inline">
second
</div>
定义另一个内联元素时不要放任何空格。
他们需要实现'空白崩溃:放弃'! – easwee 2012-04-18 11:27:37
inline-blocks
,除去保证金只适用
word-spacing: -3px;
和
letter-spacing: -3px;
到
父容器,然后还原上inline-这些规则
块元素word-spacing: normal;
和letter-spacing: normal;
例如与此基本标记
<div>
<span>...</span>
<span>...</span>
<span>...</span>
</div>
最小的CSS代码
div {
word-spacing: -3px;
letter-spacing: -3px;
}
span {
word-spacing: normal;
letter-spacing: normal;
display: inline-block;
}
另一种可能(我不推荐,但它可能是有用的,你知道,反正)是设置font-size: 0;
父容器。
非常棘手!干杯! – 2013-11-20 11:47:19
您可以使用HTML注释删除空白并保留漂亮的代码格式。
<span>1</span><!--
--><span>2</span><!--
--><span>3</span>
- 1. 内联块之间的间距
- 2. 为什么这两个元素之间存在差距?
- 3. 如何减小100%宽度div内两个元素之间的差距?
- 4. 两个div之间的差距
- 5. 给两个div之间的差距?
- 6. 添加两个Div之间的差距
- 7. 两个div之间的小差距
- 8. 如何减少两个显示之间的差距:内联项目?
- 9. html内容类型和内联/块元素之间的连接
- 10. 找出相差不超过k的两个元素之间的最大距离
- 11. 两个行内块元素之间的图像
- 12. 最后两个单元格之间奇怪的UITableViewCell差距
- 13. 内联元素内的块级元素
- 14. flex:如何减少每个文本元素之间的差距?
- 15. 显示内嵌和块上的svg元素之间的差异
- 16. 计算两张表之间的差距
- 17. 两日期之间的差距
- 18. 如何在两个跨度元素之间添加间距
- 19. 如何获取两个std :: set的元素之间的差异<string>?
- 20. 在内联元素中设置字体大小的差距
- 21. GWT DockLayoutPanel单元格之间的差距
- 22. <marquee>是块元素还是内联元素?
- 23. 圆形列表中两个元素之间的最小距离?
- 24. 确定数组中两个特定元素之间的距离?
- 25. CSS:如何增加两个元素之间的距离?
- 26. 获取Python中两个Web元素之间的距离?
- 27. 更好的方法来控制块元素之间的间距?
- 28. 你称之为2个P块元素之间的垂直间距是什么?
- 29. GMail App中的Outlook HTML签名:元素之间的差距
- 30. Android:ListView中的CardView元素之间的差距
如果在两个元素之间根本没有任何空格会根据规范将空白合并到单个空间中。 – 2012-04-18 11:01:47
你有代码吗?也许一个JS小提琴?你应该真的接受你的一些问题的答案,它会让人不能回答:) – mattytommo 2012-04-18 11:02:05