我在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. IE 7/8的两个元素之间的差距
- 4. 内联块之间的间距
- 5. 两个相邻的<h...>元素之间的大距离
- 6. 为什么这两个元素之间存在差距?
- 7. 如何减小100%宽度div内两个元素之间的差距?
- 8. 内联表元素之间不需要的间距
- 9. 两个子报表之间的差距
- 10. 两个div之间的差距
- 11. 两个div之间的小差距
- 12. 添加两个Div之间的差距
- 13. 给两个div之间的差距?
- 14. 减少CSS中两个块之间的差距
- 15. 内联元素之间的相等边距
- 16. 如何减少两个显示之间的差距:内联项目?
- 17. html内容类型和内联/块元素之间的连接
- 18. 找出相差不超过k的两个元素之间的最大距离
- 19. 两个行内块元素之间的图像
- 20. 两个UItableview单元格之间的差距3
- 21. 最后两个单元格之间奇怪的UITableViewCell差距
- 22. 内联元素内的块级元素
- 23. flex:如何减少每个文本元素之间的差距?
- 24. 显示内嵌和块上的svg元素之间的差异
- 25. 两个ASP元素之间有1px的行间距?
- 26. 两日期之间的差距
- 27. 计算两张表之间的差距
- 28. 两次录音之间的差距
- 29. 如何在两个跨度元素之间添加间距
- 30. 如何获取两个std :: set的元素之间的差异<string>?
如果在两个元素之间根本没有任何空格会根据规范将空白合并到单个空间中。 – 2012-04-18 11:01:47
你有代码吗?也许一个JS小提琴?你应该真的接受你的一些问题的答案,它会让人不能回答:) – mattytommo 2012-04-18 11:02:05