display属性共有4个值：blcok：块级元素inline-block：行内块级元素inline：行内元素none：隐藏元素，不占据空间1.块级元素常见的块级元素有div,p,ul,ol,li,h1~h6等块级元素会默认占满父元素的宽度且独占一行<div><p>尽可能的占满父元素的宽度</p></div>2.行内元素常见的行内元素有span,im
分类：
Web程序 时间：
2020-01-03 00:44:04
阅读次数：
115
1.解释一下display的几个常用的属性值，inline ， block， inline-block inline（行内元素）: 使元素变成行内元素，拥有行内元素的特性，即可以与其他行内元素共享一行，不会独占一行. 不能更改元素的height，width的值，大小由内容撑开. 可以使用paddin ...
分类：
Web程序 时间：
2020-01-02 22:12:05
阅读次数：
71
<style> .time-range-contianer { display: inline-block; } </style>// html <div class="time-range-contianer"> <nz-timepicker [(ngModel)]="start" [nzForm ...
分类：
其他好文 时间：
2020-01-02 14:17:31
阅读次数：
143
[toc] 网格布局 grid(1) 实现方式 也可成为 行内元素 tip:设为网格布局以后，容器内的子元素的 float 、 display:inline block/table cell , vertical align 和 column 等 各项设置属性都将失效 对容器设置的属性 行高与列宽的 ...
分类：
其他好文 时间：
2019-12-28 12:51:54
阅读次数：
91
今天使用了rem来写样式，前提是要给html设置font-size:100px;这样在计算比例时相对方便点；结果在将一个span标签设置为display:inline-block;时发现span不能能和父元素div同高，然后问了大神，原来是body忘记设置font-size了。 现在，对于我来说， ...
分类：
Web程序 时间：
2019-12-24 09:42:22
阅读次数：
274
一、在默认布局的垂直方向上，默认情况下外边距是是不会叠加的，会出现合并现象，谁的外边距较大，就听谁的；但是在水平方向就不会出现这种状况，我们举个例子span{display:inline-block;width:100px;height:100px;border:1pxsolidred;}div{width:100px;height:100px;border:1pxsolidgreen;}/*我们
分类：
Web程序 时间：
2019-12-21 23:05:10
阅读次数：
187
最近在维护一些老的项目，需要兼容ie7 ，css3就不能用了，这里总结一下碰到的问题及解决方案。 1、盒模型 ie7、8 的盒模型都是 box-sizing为content-box的盒模型，这里在做的时候就要注意 2、display：inline-block 碰到使用块级元素的场景 有兼容写法 *d ...
分类：
其他好文 时间：
2019-12-20 11:44:22
阅读次数：
94
display： none | inline | block | list-item | inline-block | table | inline-table | table-caption | table-cell | table-row | table-row-group | table-co ...
分类：
其他好文 时间：
2019-12-16 14:51:49
阅读次数：
72
任何一个容器(inline/block)都可以指定为 Flex 布局。 设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。 单个项目(flex-item)占据的主轴空间叫做 main size，占据的交叉轴空间叫做cross size。 1、容器的属性 ...
分类：
其他好文 时间：
2019-12-14 13:54:53
阅读次数：
123
1.水平居中：行内元素解决方案 适用元素：文字，链接，及其其它inline或者inline-*类型元素（inline-block，inline-table，inline-flex） html部分代码: <div>文字元素</div> <nav> <a href="">链接元素01</a> <a hr ...
分类：
Web程序 时间：
2019-12-14 13:47:37
阅读次数：
102
