鍍金池/ 問答/HTML/ 內(nèi)聯(lián)元素產(chǎn)生間隙原因?

內(nèi)聯(lián)元素產(chǎn)生間隙原因?

為什么內(nèi)聯(lián)或內(nèi)聯(lián)塊元素會產(chǎn)生間隙的原因?

或說:為什么會產(chǎn)生一個空白符?

解決方法我都了解,所以我不希望大家再去回答去除的技巧,謝謝。

.a {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: skyblue;
}
span {
    background: pink;
}
<div class="a"></div>
<div class="a"></div>
<span>hello</span>
<span>hello</span>

圖片描述

回答
編輯回答
任她鬧

1.可能你沒有去內(nèi)外間距:margin:0;padding:0;
2.可能是html中使用enter鍵換行,寫在一行就可以了

2017年4月9日 14:06
編輯回答
冷咖啡

html 默認(rèn) white-space: normal;

2018年4月19日 21:38
編輯回答
安淺陌

inline-block 就是有這個問題
解決:http://www.zhangxinxu.com/wor...

2018年7月10日 18:20
編輯回答
賤人曾

那個空白間距是換行符 也就是回車

2018年7月25日 02:41