-12.24-：
html布局如下：
<div class="tab-tit">

    <a href="javascript:;">html</a><a href="javascript:;">css</a><a href="javascript:;">javascript</a><a href="javascript:;">vue</a>

</div>
css：

tab{

    width: 600px;margin: 0 auto;
}
.tab-tit{width: 600px;font-size: 0;
}
.tab-tit a{display: inline-block;height: 40px;line-height: 40px;font-size: 16px;width: 25%;text-align: center;background: #ccc;color: #333;text-decoration: none;/* float: left; */
}
.tab-tit .cur{background: #09f;color: #fff;
}

对于这块，我不是很理解.tab-tit{font-size:0}，后发现，注销这个样式（font-size:0），用float：left可以解决。后查阅一些资料，get到了原因。

以下是原文解释
https://segmentfault.com/q/10...
问题的根源是 inline（a标签默认是display:inline）和 inline-block (.list-info 设置的是 display:inline-block) 是内联布局，既然是内联那么就会受空白区域的影响。

用到我这里，解决办法：

1、去掉空白

2、font-size:0 可以让空白区域消失

2018.12月问题整理杂记相关推荐

今日头条后端面经总结（2018.12月）（转自牛客网）
面经(后端): 一操作系统中的进程和线程还有虚拟存储. 计算机网络TCP和UDP仔细看一下,也不要放过滑动窗口; 还有计算机网络体系结构各层都要熟悉. lambda表达式 spring 智力题,比如 ...
2018年12月精选文章目录一览
↑ 点击上方[计算机视觉联盟]关注我们文章太多,想要浏览历史消息很痛苦,今天小编整理了2018年12月的精选文章,让盟友们不再困扰一个一个翻阅(再也翻不到头,总感觉后边还有干货,O(∩_∩)O哈哈~ ...
2018年11月总结，12月计划
2018年11月总结,12月计划 11月总结书籍 <浪潮之巅> <Spring 微服务实战> <Spring Cloud 微服务实战> <安德的游戏> ...
浙江大学计算机远程教育考试时间,2018年12月浙江大学远程教育统考考试时间
根据全国高等远程教育部分公共基础课的统一考试的相关工作安排,2018年12月浙江大学统考考试时间定在2018年12月15日-18日,考生不要错过考试时间,学梯小编整理了一些关于统考的资料供大家参考. ...
人大网院计算机在线考试答案,2018年12月计算机二级MSOffice操作题及参考答案
[导语]2018年12月计算机二级考试在即,为了方便广大考生及时获取相关备考资料,下面无忧考网为您精心整理了,希望广大考生及时关注,更多计算机二级考试的相关资讯,请关注无忧考网计算机等级考试频道. 1 ...
ROS机器人操作系统资料与资讯（2018年12月）
要闻一览: ROS 2新版开源机器人论文集征稿机器人导航新功能适用18.04+16.04的ROS QT 4.8 行为树发布ROS版本号命名 Existing ROS 2 names and c ...
2018年12月云栖技术活动最全资料汇总：50+直播与Meetup分享...
云栖社区12月份技术活动资料下载大全:技术直播.系列公开课.Meetup.峰会.钉群分享等.欢迎分享给更多开发者. 2019年1月活动预告即将推出.欢迎加入社区钉群,将你所感兴趣的知识与话题共享给我们 ...
2018年12月云栖技术活动最全资料汇总：50+直播与Meetup分享
云栖君导读:应开发者建议,云栖社区特别将线下沙龙和直播活动进行汇总,一键分享给大家.当然,从2019年1月起,我们还有预告版. 云栖社区12月份技术活动资料下载大全:技术直播.系列公开课.Meetup ...
2018年12月，华为HCNP大面积更新题目，军哥独家解题咯
2018年12月,华为HCNP大面积更新题目,乾颐堂军哥独家解题咯 2018年是华为认证变动比较大的一年,华为认证走过这几年不得不说是有一定进步的,而且最近华为孟女侠确实让我也小小的骄傲了一把,所以当 ...
AI智商评测标准专家研讨会邀请，2018年12月20日北京
21世纪以来,人工智能领域陆续爆发很多重要事件.其中最吸引人们眼球的,当属2016年战胜了人类围棋冠军并开始能够从0自我学习的AlphaGo. 10月26日,软银CEO孙正义在沙特阿拉伯举行的未来投资 ...

2018.12月问题整理杂记

tab{

对于这块，我不是很理解.tab-tit{font-size:0}，后发现，注销这个样式（font-size:0），用float：left可以解决。后查阅一些资料，get到了原因。

2018.12月问题整理杂记相关推荐

最新文章

热门文章