<style> body{ margin:0; } #box{ height:200px; border:1px solid #000; 新版弹性盒模型 /*display:flex;*/ /*flex-direction:row;*/ 设置主轴方向为水平方向 /*flex-direction:co ...
分类：
其他好文 时间：
2018-10-02 14:22:49
阅读次数：
157
now，给大家分享一个用flex写的圣杯布局，大家可以参考一下子 首先圣杯布局是两列固定宽度，中间自适应。 我直接说一下步骤，上图，上图 1.步骤1 2.步骤2 上面就是基本的步骤，下面我把代码给大家，大家感兴趣自己拿回去偷偷的撸就可以 ...
分类：
其他好文 时间：
2018-09-28 23:29:51
阅读次数：
2555
小程序的flex布局 view 视图容器。 示例： 在开发者工具中预览效果 scroll-view 可滚动视图区域。 使用竖向滚动时，需要给<scroll-view/>一个固定高度，通过 WXSS 设置 height。 绑定事件 scroll-into-view（值应为某子元素id，id不能以数字开 ...
分类：
微信 时间：
2018-09-27 20:43:17
阅读次数：
360
Z-index Flex布局 Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 基本概念 采用Flex布局的元素，称为Flex容器（flex container） ...
分类：
其他好文 时间：
2018-09-27 20:12:01
阅读次数：
224
高级布局：文档流、浮动布局、流式布局、定位布局、flex布局、响应布局 一、文档流 1、什么是文档流 将窗体自上而下分成一行一行，块级元素从上至下、行内元素在每行中从左至右的顺序依次排放元素 2、本质 文档流本质是 nomal flow （普通流、常规流） 3、BFC（Block Formattin ...
分类：
其他好文 时间：
2018-09-27 17:06:40
阅读次数：
258
页面布局 页面布局均采用最新版 flexbox 进行布局，需兼容低版本 IE 项目除外。 .selector { display: flex; justify-content: center; align-items: center; } 缩进 使用 4 个空格作为一个缩进层级，不允许使用 2 个空 ...
分类：
Web程序 时间：
2018-09-27 11:18:36
阅读次数：
214
把中间的div 使用 flex 布局实现注意代码与 float实现时的不同 flex布局比较复杂 属性较多，要用熟悉比较要通过一定量的练习才行 ...
分类：
其他好文 时间：
2018-09-26 17:08:57
阅读次数：
167
JSON-RPC: a tale of interfaces 27 April 2010 Here we present an example where Go's interfaces made it easy to refactor some existing code to make it m ...
分类：
Web程序 时间：
2018-09-25 11:32:19
阅读次数：
238
.parent { width:800px; height:500px; border:2px solid #000; display:flex; justify-content:center; align-items:center; } .child { width:200px; height:2 ...
分类：
其他好文 时间：
2018-09-24 00:53:16
阅读次数：
238
一个父容器，留个子元素 1、正常情况下 虽然制定了div的宽高，但是他是沾满一行的，所以会换行 2、flex布局之后 因为默认选项，是横着排的，元素都打横了(flex-direction) 这是后压缩一下浏览器，因为width是100%且默认不换行，所以会有变化的 可以看到，随着浏览器不断压缩，元素 ...
分类：
其他好文 时间：
2018-09-23 15:02:15
阅读次数：
244
