溢出处理 overflow ：didden内容溢出div就隐藏 scroll内容溢出添加滚动条 auto自动适应 内联与块状转化 内联转块 display：block 块状转内联display：inline inline-block内联与块状结合 可以设宽高不独占一行 相对定位 相对于自身所在的位置 ...
分类：
Web程序 时间：
2020-05-22 19:54:29
阅读次数：
106
BFC实际上是形成一个独立的区域，与外界元素互不影响。 触发BFC的条件可以有： 1. overflow不为visible 2. float不为none 3. position不为static或relative 4. display为table-cell、flex、inline-block、inli ...
分类：
其他好文 时间：
2020-05-20 20:11:37
阅读次数：
62
项目中用到的一些特殊字符和图标： html部分： <div class="loading">加载中</div> css部分： .loading{ font-size:16px; color:#333; display:inline-block; } .loading:after{ display: ...
分类：
其他好文 时间：
2020-05-19 10:55:31
阅读次数：
56
css line-height 在google和fire 有一像素偏差 display-inline-block 对齐方式有问题 用 vertical-align:middle select option 只有火狐支持 onclick 解决办法 就是迷你select下拉菜单 $(this).find ...
分类：
其他好文 时间：
2020-05-14 22:20:09
阅读次数：
91
元素种类分类 标签按照元素种类可以分为行内元素（display: inline）;，块级元素（display：block）和行内块级元素（display：inline block）三种。了解元素种类有利于，我们进行 布局及属性的使用。 行内元素 也叫内联元素或内嵌元素，只能容纳文本或其他内联元素。 ...
分类：
其他好文 时间：
2020-05-11 18:22:05
阅读次数：
51
弹性盒子 使用弹性布局，首先要将父盒子定义为弹性盒子。 display: flex display: inline flex 行级弹性盒子,类似inline block 弹性元素 弹性盒子内的元素称为”弹性元素“。 弹性布局实际上就是要对弹性元素的排列做各种设置。 排列方向 flex directi ...
分类：
Web程序 时间：
2020-05-02 12:17:44
阅读次数：
86
.loading{ display: inline-block; height: .24rem; width: .24rem; border-radius: 100%; border: 2px solid #666; border-bottom-color: transparent; positio ...
分类：
其他好文 时间：
2020-04-21 15:25:54
阅读次数：
90
1:给父元素添加text-align:center (左右居中)2:给当前元素添加 display:inline-block; vertical-align:middle;3:在当前元素后面（不要回车），添加一个空的span给span设置样式： display:inline-block; width ...
分类：
其他好文 时间：
2020-04-21 13:32:37
阅读次数：
69
inline（默认）— 内联 none — 隐藏 block — 显示、块级元素（单独占一行） inline-block — 行内块元素（不占整行） table — 表格显示 list-item — 项目列表 ...
分类：
其他好文 时间：
2020-04-17 18:49:20
阅读次数：
206
简单分页 代码： <style>ul.pagination { display: inline-block; padding: 0; margin: 0;}ul.pagination li {display: inline;} /*设置为内联元素*/ul.pagination li a { bord ...
分类：
Web程序 时间：
2020-04-13 00:17:27
阅读次数：
80
