发表于: 2019-09-29 20:46:02

1 734


今日完成的任务。任务六的完善和深度思考的阅读

今日收获:去除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.块级元素可以继承的属性

明日计划:做任务七,争取稳步前进



返回列表 返回列表
评论

    分享到