HTML 如下：<p>
<span>hello</span>
<span>world</span></p>CSS 代碼：span {
display:inline-block; width:100px; background:#36c; color:#fff; font-size:30px; text-align:center;
}在頁面上他們之間會(huì)有一個(gè)空格的間隔，我知道只要移除他們之間的空格就顯示正常了：<p>
<span>hello</span><span>world</span></p>
2 回答
青春有我
TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超8個(gè)贊
移除代碼之間的空白、換行 這樣不行嗎？
<p><span>hello</span><span>world</span></p>
回首憶惘然
TA貢獻(xiàn)1847條經(jīng)驗(yàn) 獲得超11個(gè)贊
這個(gè)原因跟字體類型和大小有關(guān)系。
.span { letter-spacing: -.5em; /* webkit: collapse white-space between units */
*letter-spacing: normal; /* reset IE < 8 */
word-spacing: -.5em; /* IE < 8 && gecko: collapse white-space between units */}我個(gè)人更喜歡通過修改父元素的字體大小，將大小設(shè)置為font-size: 0來解決：
p { font-size: 0;
}添加回答
舉報(bào)
0/150
提交
取消