我在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