之前设置多个div横排显示都会使用float:left，这样使div脱离了文档流，不容易控制，不管是设置margin-left还是position，left都不会有效果。 后来我尝试了使用display:inline-block,这样就可以使用marginLeft来控制多个div之间的间距了。 ...
分类：
Web程序 时间：
2019-07-03 10:46:59
阅读次数：
354
1. 浮动引起元素变成行内块元素 display:inline block 效果： div正常宽高 span{width:0;height:200px} i{width:100px;height:50px} 所有元素经过浮动变为行内块元素 span不是块级元素，不支持宽高,浮动后支持宽高，heigh ...
分类：
Web程序 时间：
2019-06-24 15:00:45
阅读次数：
147
以 div A 和 B为例，宽高为100px。 1、使div浮动起来，效果图如下 2、给 div 添加CSS属性 display：inline； 但是这样会造成 div 的宽高无效，宽高是被 div 内的内容撑开的，效果如下图： 使用 display：inline-block； 效果如下图： 但是这 ...
分类：
其他好文 时间：
2019-06-24 00:55:29
阅读次数：
266
css等比例分割父级容器（完美三等分） 父级容器的宽度一定，要实现子元素等比例完美均分父级宽度，实现方式有哪些？ html部分代码： 方法一： 浮动布局+百分比 （将子元素依次左浮动，根据子元素的个数，设定每个子元素的宽度百分比） 方法二：行内元素（inline-block）+百分比 方法三： 父元 ...
分类：
Web程序 时间：
2019-06-20 21:17:32
阅读次数：
339
list-style:none 内联标签不能设宽高 display:"inline-block" 有内联标签不独占一行的属性和块级标签可设宽高的属性 display:none 不显示，位置也没了 display是显示、展示的意思 <!DOCTYPE html> <html lang="en"> <h ...
分类：
Web程序 时间：
2019-06-19 00:33:10
阅读次数：
164
理解与应用css中的display属性 display属性是我们在前端开发中常常使用的一个属性，其中，最常见的有： none block inline inline-block inherit 下面，我将按照顺序将上述几种属性做一个完整的讲解。 第一部分：display:none none这个值表示 ...
分类：
Web程序 时间：
2019-06-16 23:22:54
阅读次数：
247
早期时候我们左网站布局的使用表格(table)，然后使用浮动(float)、 定位(position)和内联块(inline-block)，但所有这些方法本质上来讲都是hacks，存留了很多需要实现的重要功能问题(例如，垂直居中)。 display:flex和display:box都可用于弹性布局， ...
分类：
Web程序 时间：
2019-06-06 13:52:12
阅读次数：
162
1、块级元素A及其内部的块级元素B的默认宽度是100%；A使用了float后，B的宽度为B实际需要的宽度，A的宽度由B决定；B使用了display:inline-block后，B的宽度为B实际需要的宽度，A的宽度仍为100%。2、块级元素A不浮动，不设置宽高宽，其内部块级元素B浮动，会引发A塌陷。3 ...
分类：
其他好文 时间：
2019-06-02 15:50:32
阅读次数：
113
在非IE下使用text-align: justify; 但是由于该属性只有在多行文本才有效果,所以需要人为创造多行 添加一个伪元素： ::after { content: "", display: inline-block; width: 100%; } 在IE下需要使用text-justify: ...
分类：
其他好文 时间：
2019-05-31 19:30:40
阅读次数：
92
静态页面布局其实就是大区域包小区域，大色块包着小的色块，最后我们再添加内容 通常可以用display来规定页面的展示 1、display可以设置标签的特性：block块标签 inline-block行内块 inline行内标签 blcok标签常见的有div、p、h1-h6、ul、li 这些标签都独占 ...
分类：
其他好文 时间：
2019-05-30 16:07:37
阅读次数：
89
