inline-block空格的問題
現(xiàn)在回去看看,有個問題需要處理一下:
PlatForm托启,About宅倒,Sign Up之間為什么會有間隙?**
使用了inline-block屯耸,inline-block會表現(xiàn)得像文字排版一樣唉堪,
有各種奇奇怪怪的方法可以解決這個問題肩民,這里我只給出我平常用得最多的兩個方法:
·設置font-size: 0;(如果瀏覽器設置了最小字體大小要跪。链方。持痰。)
·ul{
·font-size: 0;
·}
·li{
·display: inline-block;
·font-size: 1rem;
}
·去掉標簽之間的空白符
喜歡哪個方法就用哪個,快自己把這個bug修復了
.navbar__brand, .navbar__nav li a{
display: inline-block;
box-sizing: border-box;
height: 40px;
padding: 8px 24px 8px 24px;
border: 1px solid #ccc;
line-height: 22px;
}