已解決430363個問題，去搜搜看，總會有你想問的

inline-block 為什么把父元素的font-size置為0就消除了空格？

關注

首頁猿問 inline-block...

JavaScript

函數式編程 2019-03-19 17:19:39

這里的空格也是一個font嗎，話說inline-block產生空格的原因是什么？標簽之間的空格？標簽之間只有換行吧，瀏覽器會把換行解析成空格？

查看完整描述

3 回答

飲歌長嘯

TA貢獻1951條經驗獲得超3個贊

凡是跟css貼邊的問題，可以優先去張鑫旭博客和w3cPlus里搜一下，能搜到就先看著，不懂的再問。

反對回復 2019-04-04

小怪獸愛吃肉

TA貢獻1852條經驗獲得超1個贊

行內元素的基線在作怪。行內元素display: inline; 它與文本的默認行為類似，下邊緣是與基線對齊，而不是緊貼容器下邊緣，將fontsize設置為0就可以了。
為什么會產生空白

反對回復 2019-04-04

慕妹3146593

TA貢獻1820條經驗獲得超9個贊

我不確定產生空格的原因是不是換行符，但是去掉換行符確實可以避免這個問題，比如以下這段代碼：

<a href="">test2

</a><a href="">test3

</a><a href="">test4</a>

我把a元素都設置成了inline-block，這時候test2，test3，test4之間是沒有間距的。。。

反對回復 2019-04-04

關注

舉報

0/150

提交

取消