1 弹性布局简介 弹性布局，又称“Flex布局”，是由W3C在2009年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。而且已经得到所有主流浏览器的支持，我们可以放心大胆的使用。 >>> 了解两个基本概念，接下来会频繁提到： ① 容器： 需要添加弹性布局的父元素； ② 项目： 弹性布局 ...
分类：
其他好文 时间：
2020-01-16 18:45:37
阅读次数：
160
垂直居中，在CSS中是一个老生常谈的问题，面试的时候也会时常被提及。所以，今天我们就来聊聊9种不同的居中方法。有常见的flex、transform、absolute等等。也有CSS3的网格布局。还有伪元素的方法，是的，你没有看错，::after和::before也可以实现居中。1、flex大家的第一反应，可能就是flex了。因为它的写法够简单直观，兼容性也没什么问题。是手机端居中方式的首选。<
分类：
Web程序 时间：
2020-01-16 01:00:21
阅读次数：
110
说明 问题： 一个div宽度不固定，高度固定，采用Flex布局，它里面有两个元素一个img宽度占40%，高度占100%，一个p元素，宽度占60%，高度占100%，调整浏览器窗口大小，要保证，img元素不变形，宽高比不变，怎么办！ 从图中可以看出，随着调整浏览器窗口，图片的宽高比也被破坏了，我们该怎么 ...
分类：
Web程序 时间：
2020-01-15 19:33:18
阅读次数：
76
css: 1 body{ 2 padding: 0 10%; 3 } 4 ul,li{ 5 margin: 0; 6 padding: 0; 7 list-style: none; 8 } 9 .flex-box{ 10 display: flex; 11 border: 1px solid; 12 ...
分类：
Web程序 时间：
2020-01-15 19:11:53
阅读次数：
97
1.在父组件中调用子组件，父亲传值给子组件 子组件如下，把要传给给父亲的值放在props中 template> <!--底部导航--> <div class="index-bbar"> <ul class="flex" > <li v-for="(item,index) in liAry" :cla ...
分类：
其他好文 时间：
2020-01-15 13:50:22
阅读次数：
104
自定义自己的vue-cli模板 在使用vue-cli的过程中，常用的webpack模板只为我们提供最基础的内容，但每次需要新建一个项目的时候就需要把之前项目的一些配置都搬过来，这样就造成挺大的不方便，如果是作为一个团队，那么维护一个通用的模板，我认为是挺有必要的。 例如下面是我常用构建项目的目录。 ...
分类：
其他好文 时间：
2020-01-14 20:27:13
阅读次数：
177
flex 布局父项常见属性: flex-direction: // 设置主轴的方向 row -- 默认值从左到右 row-reverse -- 从右到左 column -- 从上到下 column-reverse -- 从下到上 justify-content: // 设置主轴上的子元素排列方式 f ...
分类：
其他好文 时间：
2020-01-12 19:50:00
阅读次数：
96
原文:CSS3(5)---伸缩布局(Flex) CSS3(5)---伸缩布局 有关页面布局之前写过三篇相关文章： 1、CSS(5)---盒子模型 2、CSS(6)---浮动(float) 3、CSS(8)---定位(position) 一、什么是Flex 布局 1、Flex 布局特点 上面三种布局都... ...
分类：
Web程序 时间：
2020-01-12 10:02:00
阅读次数：
91
本文将利用flex属性构建大屏可视化界面。界面主要分标题栏、工具栏、数据可视化窗口。其中，翻页动画以及滚动表格功能分别分布在数据可视化界面两侧。 鼠标点击标题，可看到左侧窗口翻转动画； 整体布局效果图： 滚动列表效果图及核心代码： var myH = $(".tableBoy").height() ...
分类：
其他好文 时间：
2020-01-11 20:11:38
阅读次数：
109
随着市场竞争的加剧，硬件设备正以集成化的方向发展。天线也由外置进化内置再进化到嵌入式，我们先来介绍这类应用的天线种类： ⑴ On Board板载式：采用PCB蚀刻一体成型，性能受限，极低成本，应用于蓝牙、WIFI模组集成； ⑵ SMT贴装式：材质有陶瓷、金属片、PCB，性能成本适中，适用于大批量的嵌 ...
分类：
其他好文 时间：
2020-01-10 15:49:06
阅读次数：
157
