今天我们来聊聊Flexbox，它是前端的一个布局方式。在ReactNative中是主流布局方式。如果你刚刚入门ReactNative，或者没有多少前端的技术经验，亦或者对其半知半解，那么这篇文章将很好的帮助你参透Flexbox的整个全貌。purpose通过这篇文章你将快速吃透整个Flexbox，因为对于Flexbox你

1.css3的新特性有哪些（1）CSS3选择器（基本、属性、伪类具体见下）（2）CSS3边框与圆角圆角border-radius属性：border-top-left-radius左上角border-top-right-radius右上角border-bottom-right-radius右下角border-bottom-left-radius左下角（3）CSS3背景与渐变

阮一峰有一篇flex教程很全面：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html这里主要记录一下需要用到而不常用的知识点：1. flex-grow属性定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。如果所有项目的flex-grow属性都为1，则它们将等分剩余空间（如果有的话

wxml<scroll-viewscroll-y="true"scroll-into-view="{{scrollIntoView}}"bindscroll="onScroll"><swiperclass="page_class"indicator-dots="true"autoplay=""interval=""dur

总结了几种常见的页面架构布局方案1.居中布局a.水平居中b.垂直居中c.水平垂直2.多列布局a.自适应布局b.等宽布局c.等高布局居中布局水平居中<!--水平居中布局--><divclass="parent"><divclass="children">demo</div></div>1.inline-block+text-align.

position:absolute绝对定位（脱离文档流）；position：relative相对定位（相对于原来的位置进行定位）position:flex脱离文档流1.flex和absolute的区别在于，flex在滚动的时候跟随页面一起滚动，但是absolute不随着页面滚动。2.display:flex布局是不能和position一起使用的，容易不显示属性。3.

如何使用Flexbox<ul><li></li><li></li><li></li></ul>上述代码中，ul中三个li，可以将ul称为父元素，li称为子元素。要使用Flexbox，必须使父元素变成一个Flex容器。只需要显式地设置display:flex;或display:inline-flex；即可。此时子元素就会变成Flex项目。Flex容

对WEB标准以及W3C的理解与认识WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3CDOM）、ECM

大屏开发心得布局篇因为大屏不是对外开放的，所以可以使用固定的浏览器。既然这样其实是可以使用一些相对比较新的技术的。所以在布局这块我优先选择使用flexbox技术。因为大屏屏幕很大，设计师给出的设计图通常会有很大的尺寸。其实设计师并不知道的是大屏屏幕在再大，也不过就是一

首先是弹性盒布局：dispaly:flex；和display:inline-flex；(两个元素会在一行显示，类似于块状元素和行内块元素的区别)1.设置成弹性盒后，所有的元素都会在主轴上排列，默认x轴为主轴，与主轴垂直的为侧轴2.如果父元素设置成了弹性盒，想让子元素在弹性盒上下左右居，子元素只需要设置margin:auto

CSS-Layout旨在打造详尽的前端布局代码学习库（自从用了框架开发，CSS生疏了不少，所以开这个库练练手）SF不能正确解析含有中文的网址，所以某些预览链接无法跳转，请访问我的博客阅读此文常见定位方法水平居中子元素为行内元素还是块状元素，宽度一定还是宽度未定，采取的布局方案不同。方

 怪异盒模型 box-sizing:content-box    标准盒模型                    总宽/高度=width+左右/上下padding+左右/上下borderbox-sizing:border-box     怪异盒模型（IE盒模型）总宽/高度=width(包含padding和border) 弹性盒 特点：1、在

接着聊一下BFC、IFC，与FFC、GFC，GFC是一种二维度的布局方式，现在也蛮火，但是因为兼容性问题比较大，现在用的不多。其实这些布局方式经常会遇到，主要是想了解一下相关的各种概念和术语。想要理解BFC与IFC，首先要理解另外两个概念：Box和FC（即formattingcontext）1、Box一个

##移动端   -浏览器   -手机屏幕   #移动端调试       -web服务器：域名，服务器等       -chrome##视口（viewport）   浏览器显示页面内容的屏幕区域   布局视口——layoutviewport   ios/android基本上把这个布局视口分辨率设置980px视觉

一般情况下像下图这样需要缩进的，一般都会外面一个div里面两块需要两个div然后用定位或者flex、table、浮动后设置宽度等来实现已知宽度的情况下上面列的方法都适用不知宽度的情况下可以用flex、table等来实现<divclass="main"><divclass="list">八卦：八卦，见于《周易·

tab组件为例1.在项目下建一个components（组件）的文件夹  2.新建组件文件夹生成同名page 3.代码片段tab.json{"component":true,"usingComponents":{}}tab.js//跳转到首页gohome(){wx.switchTab({url:'../../pages/home/home'})}