在水平排列的行內元素，元素之間會有一定的間隔，如圖：
代碼：
<html><head><style type="text/css">.space a { display: inline-block; padding: .5em 1em; background-color: #cad5eb;}</style></head><body><div class="space"> <a href="##">A</a> <a href="##">B</a> <a href="##">C</a></div></body></html>
原因
元素間留白間隔的原因是標籤段之間的空格，去掉HTML中的空格，間隔就沒有了。 解決方案
第一種：去除HTML間的空格
<html><head><style type="text/css">.space a { display: inline-block; padding: .5em 1em; background-color: #cad5eb;}</style></head><body><div class="space"> <a href="##">A </a><a href="##">B </a><a href="##">C </a></div></body></html>
結果：
第二種，使用margin負值，這裡不做示範。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
