(1)宽度和高度已知的 (2)宽度和高度未知 (3)flex布局 ...
分类：
其他好文 时间：
2019-06-25 09:52:47
阅读次数：
75
前端布局神器display:flex 个人推荐更灵活的学习方法： https://www.zhangxinxu.com/wordpress/2018/10/display-flex-css3-css/ 2009年，W3C提出了一种新的方案--Flex布局，可以简便、完整、响应式地实现各种页面布局。目 ...
分类：
其他好文 时间：
2019-06-25 09:30:36
阅读次数：
79
效果地址：https://scrimba.com/c/cN3P6nfr 原理：两个椭圆，颜色部分为边框，下一半被伪元素覆盖。 感想：看了一眼大神的，代码比我的还少，得研究研究去。 HTML code： CSS code： ...
分类：
Web程序 时间：
2019-06-24 00:37:53
阅读次数：
155
需求：聊天功能（效果参照微信聊天） 直接先放效果图吧！ 框架： wepy (vue) 主要思路： 1、布局只编写一个消息组件，包括头像和内容两部分！flex布局（左到右row），对方发来的消息正常显示，我方发出去的消息右到左布局（flex-direction: row-reverse;），这样增加了 ...
分类：
微信 时间：
2019-06-20 15:43:34
阅读次数：
173
select 清空 在 select 组件设置 调用方法 在DatePicker组件 清空 调用方法 方法： ...
分类：
其他好文 时间：
2019-06-20 15:41:51
阅读次数：
451
原文地址：https://segmentfault.com/a/1190000015632759 学习后效果地址：https://scrimba.com/c/cPgWmZCg HTML code： CSS code: ...
效果图： 项目难点： 1. 每个月的日期数是不定的，拢共需要几个格子？ 按照教程的做法需要42个。所以遍历数字42，得到42个div做格子。 2. 格子的排版怎么做？ 顶部的星期布局使用的flex水平方向两边对齐并单项flex为1占满空间。 下边格子用了grid布局（具体见源码css） 3. 本月一 ...
分类：
其他好文 时间：
2019-06-16 18:43:14
阅读次数：
122
来源：YDUI中的自适应方法，还挺好用，简单实用成本小 src：http://www.ydui.org/flexible ...
分类：
Web程序 时间：
2019-06-15 15:35:46
阅读次数：
114
.welcome-hero{ display: flex; align-items: center; justify-content: center; position:relative; background:url(../images/about/welcome-banner.jpg)no-re... ...
分类：
其他好文 时间：
2019-06-15 15:09:57
阅读次数：
109
一、两列布局： 方法一：采用position：absollute;并设置margin-left的值。 方法二：采用float;并设置overflow:auto;(隐藏溢出的内容) 方法三：使用flex布局的写法 二、三列布局 方法一：与两列布局类似，左右两边设置position：absolute；和 ...
分类：
Web程序 时间：
2019-06-15 09:52:31
阅读次数：
194
