最近通过观看pink老师的视频学习了flex布局，以此来记录flex的简单使用！ flex布局原理 flex是flexible Box的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局。 当我们为父盒子设为flex布局以后，子元素的float、clear和 ...
分类：
其他好文 时间：
2020-09-18 03:06:31
阅读次数：
29
css3的3d起步 要玩转css3的3d，就必须了解几个词汇，便是透视(perspective)、旋转(rotate)和移动(translate)。透视即是以现实的视角来看屏幕上的2D事物，从而展现3D的效果。旋转则不再是2D平面上的旋转，而是三维坐标系的旋转，就包括X轴，Y轴，Z轴旋转。平移同理。 ...
分类：
Web程序 时间：
2020-09-18 01:03:13
阅读次数：
47
flex布局 操作方便，布局极其简单，移动端使用比较广泛 pc端浏览器支持情况比较差 IE11或更低版本不支持flex或仅支持部分 父项常见属性 flex-direction：设置主轴的方向 justify-content：设置主轴上的子元素排列方式 flex-wrap：设置子元素是否换行 alig ...
分类：
其他好文 时间：
2020-09-17 21:26:48
阅读次数：
44
@media screen and (orientation: portrait) { html{ width : 100vmin; height : 100vmax; } body{ width : 100vmin; height : 100vmax; } #gyroContain{ width ...
分类：
Web程序 时间：
2020-09-17 19:51:58
阅读次数：
61
wxml:（父级页面） <view class="pageLi flex" catchtap="toInstitute" data-name="{{item.shop_name}}" data-id="{{item.id}}"> <image src='{{item.headimg}}' mode= ...
分类：
微信 时间：
2020-09-17 17:40:22
阅读次数：
63
在 flex 和 grid 布局出现的今天，我依然听到有人面试了，圣杯布局、双飞翼布局。 虽然网上一搜一大把，但不自己写一篇，总觉得是自我学习过程中的一种遗憾，一起致敬经典 圣杯布局和双飞翼布局 在如今的网页中我们经常可以看到左、中、右三列，其中左右两列宽度固定，中间宽度自适应的布局方式，并且让中间 ...
分类：
其他好文 时间：
2020-09-17 17:10:26
阅读次数：
26
<style> #Marquee{ height:20px;overflow:hidden; display:inline-block;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1; } #Marquee p{ height:20px;overflow:hi ...
分类：
其他好文 时间：
2020-09-17 15:40:22
阅读次数：
33
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 #div1{ 8 width: 200px; 9 height: 138px; 10 ...
分类：
Web程序 时间：
2020-09-17 15:33:39
阅读次数：
38
发送按钮悬停效果 效果图 HTML <div id="send-btn"> <button> // 这里是一个svg的占位 Send </button> </div> CSS #send-btn{ display: flex; align-items: center; justify-content ...
分类：
Web程序 时间：
2020-09-17 11:59:12
阅读次数：
50
CSS3:是CSS2.X ，某些模块升级文档说明： 新手可观：https://www.w3school.com.cn/ w3c官网：www.w3.org 推荐：https://www.w3.org/TR/CSS22/propidx 可翻译中文：https://developer.mozilla.or ...
分类：
Web程序 时间：
2020-09-14 19:17:11
阅读次数：
55
