解决办法： 在父元素中使用：font-size:0;即可以解决实例： <template> <div class="home-page"> <ul class="navigator"> <li>推荐</li> <li>课程</li> <li>实践</li> <li>职业路径</li> <li><im ...
分类：
其他好文 时间：
2020-03-18 09:26:25
阅读次数：
55
元素的分类和特征： 1.块级元素 （1）独自占一行 （2）可以设置宽高，如果不设置宽，默认是父标签的100%的宽 2.行内元素 （1）行内元素在一行内 （2）不能设置宽高 3.行内块元素 （1）在一行内显示 （2）可以设置宽高 /*元素隐藏*/ display:none; /*转为行内块元素*/ d ...
分类：
Web程序 时间：
2020-03-16 23:39:20
阅读次数：
108
display的所有属性 {/* CSS 1 */ display: none; display: inline; display: block; display: list-item; /* CSS 2.1 */ display: inline-block; display: table; dis ...
分类：
Web程序 时间：
2020-03-14 10:51:34
阅读次数：
76
display为inline block的元素在水平方向上之间会有间隙 原因：标签与标签之间使用了空格或者是换行符(空白字符也是字符，样式会影响) 解决办法一： 不使用空白符号，使用注释替代换行、标签的结束标签与开始标签写在一起等（代码的可读性较差） 解决办法二：设置父元素的font size为0， ...
分类：
其他好文 时间：
2020-03-11 22:11:12
阅读次数：
69
多列布局类似报纸或杂志中的排版方式，主要用以控制大篇幅文本。 多列属性 1、column-count 属性规定元素应该被分隔的列数 适用于：除table外的非替换块级元素, table cells, inline-block元素 2、column-gap 属性规定列之间的间隔大小 3、column- ...
分类：
Web程序 时间：
2020-03-08 16:04:22
阅读次数：
91
BFC(块级格式化上下文)是web页面的可视化CSS渲染的一部分，是布局过程中生成块级盒子的区域，也是浮动元素与其他元素的交互区域。触发条件根元素, 即HTML元素float的值不为noneoverflow的值不为visibledisplay的值为inline-block, table-cell, ... ...
分类：
其他好文 时间：
2020-03-07 12:55:37
阅读次数：
68
BFC也是HTML中的一个盒子（看不见而已），只有满足至少下列条件之一才能形成BFC: float属性不为none. position属性不为static和relative. display属性为下列之一:table-cell,table-caption,inline-block,flex,or i ...
分类：
其他好文 时间：
2020-03-03 12:53:14
阅读次数：
63
/*多选框样式*/ .checkbox-style(){ input[type="checkbox"] { text-indent:0; margin: 0; width: 13px; height: 13px; text-align:center; display: inline-block; v ...
分类：
其他好文 时间：
2020-02-28 13:38:01
阅读次数：
67
（百科： 在CSS布局中，如果我们想要将一些元素在同一行显示，其中的一种方法就是把要同行显示的元素设置display属性为inline-block，但是你会发现这些同行显示的inline-block元素之间经常会出现一定的空隙，这就是“换行符/空格间隙问题”。 display：inline；强制变成 ...
分类：
其他好文 时间：
2020-02-26 01:28:18
阅读次数：
58
block 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（很霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。 inline 内联元素特点： ...
分类：
Web程序 时间：
2020-02-25 00:35:21
阅读次数：
91
