1.表格布局 2.浮动布局 3.绝对定位 4.弹性盒布局 5.网格布局 ...
分类：
其他好文 时间：
2019-03-25 16:12:43
阅读次数：
137
FFC(Flexible Formatting Context) CSS3引入了一种新的布局模型——flex布局(之前有文章介绍过)。flex是flexible box的缩写，一般称之为弹性盒模型。和CSS3其他属性不一样，flexbox并不是一个属性，而是一个模块，包括多个CSS3属性。flex布 ...
分类：
其他好文 时间：
2019-03-21 11:48:02
阅读次数：
194
移动端页面布局 一、 水平居中 二、 自适应块级元素水平居中 前面介绍的块级元素居中要求有固定宽度，对于自适应的块级元素就无能为力了 1 /* 借助css3的变形属性Transform来完成 */ 2 .content { 3 position: absolute; 4 left: 50%; 5 t ...
分类：
移动开发 时间：
2019-03-01 09:31:37
阅读次数：
238
Flex弹性盒布局 一、 Flex的发展史 Flex弹性盒布局 一、 Flex的发展史 2009年W3C 提出概念，但是官方没有flex这个词 2011年浏览器厂商决定使用flexbox，来形容它的布局特点 二、 定义 Flex是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提 ...
分类：
移动开发 时间：
2019-02-28 18:10:35
阅读次数：
245
一、水平居中 1.inline元素用tet-align:center; 2.block元素用margin：auto； 二、垂直居中 1.flex弹性盒子 父元素定义 display:flex;align-item:center; 2.absolute绝对定位 i.position:absolute; ...
分类：
Web程序 时间：
2019-02-21 13:06:21
阅读次数：
182
2009年，W3C提出了一种新的方案--Flex布局，可以简便、完整、响应式地实现各种页面布局。目前已得到所有现在浏览器的支持。 flex浏览器支持 flex浏览器支持 一、Flex布局是什么？ Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性。任 ...
分类：
其他好文 时间：
2019-02-16 10:41:00
阅读次数：
165
html样式 一、二、三这三个点数很容易，div里面有几个点就加几个span。到了四，就需要进行分组。四分两组，五和六分三组 css代码 先写容器骰子的样式 接下来写点数span的样式，写一、二、三点。 先把骰子的六个面在游览器水平居中排列:六个div，给它们设置相同的样式。同时body要把它转换成 ...
分类：
其他好文 时间：
2019-01-19 12:14:46
阅读次数：
212
一、旧版弹性盒模型 1、display:box 说明：(必须加前缀)设置弹性盒使用如下属性，必须在父代设置display:box; 2、box-orient 说明：在父级上设置该属性，则子代按水平排列或竖直排列 注：所有主流浏览器不支持该属性，必须加上前缀 1）horizontal 水平排列，子代总 ...
分类：
其他好文 时间：
2019-01-11 22:11:21
阅读次数：
174
一、弹性盒模型 1.display：flex 说明：设置为弹性盒（父元素添加） 要让一个元素变成伸缩容器，需要使用display属性。 采用flex布局的元素，称为伸缩容器(flex container)，容器内的子元素称为伸缩项目(flex item) 注意：浏览器会将任何直接在伸缩容器里的连续文 ...
分类：
其他好文 时间：
2019-01-11 22:09:46
阅读次数：
186
在web开发的时候，有时候会遇见一些自适应布局，而且是一屏内自适应，特别是写一些后台管理系统界面，都是一屏显示，而且显示内容布局有固定的，也有不固定的，如果用css3的弹性盒子来解决的话，当然会很容易，但是呢，css3的弹性盒子在PC端的支持并不是那么的好，尤其是万恶的IE浏览器（做web开发的都懂 ...
分类：
其他好文 时间：
2018-12-07 22:00:06
阅读次数：
335
