发表于: 2019-09-29 20:46:02
1 733
今日完成的任务。任务六的完善和深度思考的阅读
今日收获:去除inline-block元素间间距的几种方法
1.第一个方法是移除空格
<div
<a href="##">
这是</a><a href="##">
中间</a><a href="##">
空格</a>
</div>
另一种方式
<div
<a href="##">中间</a
><a href="##">没有</a
><a href="##">空格</a>
</div>
或者是借助HTML注释:
<div
<a href="##">消除</a><!--
--><a href="##">中间</a><!--
--><a href="##">空格</a>
</div>
2.第二个是margin负值,这个我用的比较多一点。
.space a {
display: inline-block;
margin-right: -3px;
}
margin负值的大小与上下文的字体和文字大小相关,这个需要自己去查。
其他还有font-size:0,使用letter-spacing或者word-spacing都可以去除空格
2. css可以继承的属性
主要要分成几种类型来判断
1.无继承性的属性
2.有继承性的属性
3.所有元素都可以继承的属性
4.内联元素才能继承的属性
5.块级元素可以继承的属性
明日计划:做任务七,争取稳步前进
评论