1. flex设置元素垂直居中对齐 在之前的一篇文章中记载过如何垂直居中对齐，方法有很多，但是在学习了flex布局之后，垂直居中更加容易实现 HTML代码： CSS代码： 效果如图： 2. 用flex布局制作导航栏 以前在写导航栏的时候，总是用float或者display：inline-block实 ...
分类：
其他好文 时间：
2019-03-27 17:11:53
阅读次数：
168
随着自己写过的页面的增多，也遇到了很多CSS兼容性的问题。这些兼容性问题，都是必然的，因为技术在不断进步，不断革新，所谓，“后浪推前浪，前浪拍死在沙滩上”，当然我们的技术不能是被拍死在沙滩上，我们还要支持，不支持的话，只能是你这个页面，这个产品被淘汰。 那么为了不被淘汰，我们就要做些兼容性处理。 我 ...
分类：
Web程序 时间：
2019-03-27 11:12:38
阅读次数：
172
HTML中 <ul class="lists"> <li class="list-item" v-for="(item,index) in rank" :key="index"> <span class="name"> <i v-if="index < 3" class="icon" :class= ...
分类：
其他好文 时间：
2019-03-27 11:00:47
阅读次数：
176
Web页面的布局，我们常见的主要有“浮动布局（float）”、“定位布局（position）”、“行内块布局（inline-block）”、“CSS3的多栏布局（Columns）”、“伸缩布局（Flexbox）”以及“网格布局（Grids）”等，在众多布局方法中，大家最为熟悉的就是浮动布局和网格布局 ...
分类：
其他好文 时间：
2019-03-21 11:59:52
阅读次数：
225
FFC(Flexible Formatting Context) CSS3引入了一种新的布局模型——flex布局(之前有文章介绍过)。flex是flexible box的缩写，一般称之为弹性盒模型。和CSS3其他属性不一样，flexbox并不是一个属性，而是一个模块，包括多个CSS3属性。flex布 ...
分类：
其他好文 时间：
2019-03-21 11:48:02
阅读次数：
194
.dataChoose { position:relative; display:flex !important; align-items:center; } #selectedInfo { height: 30px !important; line-height:30px; padding:0 1 ...
分类：
Web程序 时间：
2019-03-19 14:53:18
阅读次数：
136
AURA Component：(命名：YAXIN_SearchCmp) AURA Component App:(命名：YAXIN_SearchApp) VF Page： ...
分类：
其他好文 时间：
2019-03-19 12:25:58
阅读次数：
176
使用style里的flex属性 默认情况下，一个div独占一行 使用css选择器给外层div加上以下flex属性，则该div的子div可以在同一行中显示， 关于flex字段: https://developer.mozilla.org/zh-CN/docs/Web/CSS/flex 关于flex d ...
分类：
Web程序 时间：
2019-03-19 12:22:58
阅读次数：
1064
实现瀑布流 实现效果 有好几种方案 1.用column count属性把页面元素分为俩列或多列来实现 2.用display flex 分列来展示页面 3.比如说用js实现 我今天介绍的就是第三种，因为前两种都会有局限，实现的效果我们希望是左右左右，而不是分成两列去显示，因为如果功能需要列表按照热度显 ...
分类：
微信 时间：
2019-03-18 10:27:19
阅读次数：
1480
css对齐方案总结 css对齐方案总结 垂直居中 通用布局方式(内敛元素和块状元素都适用) 利用flex:核心代码: 12345 .container{ display:flex; flex-direction:column; justify:center} 利用transformX(-50%):核 ...
分类：
Web程序 时间：
2019-03-17 13:43:10
阅读次数：
198
