在编写一片网页时，我们经常需要使一些文本或者图片，盒子居中!但是在众多的写法里，那些才能使我们的目的最快，最有效的达到呢! 居中也是有轴线之分的，水平轴，垂直于水平轴的轴，交叉轴。 1盒子居中 margin：auto； 通常在这此行只有一个盒子的情况下使用[需要定宽-常规流和浮动不用] 2文本居中 ...
分类：
Web程序 时间：
2019-10-07 23:28:53
阅读次数：
228
容器：需要添加弹性布局的父元素； 项目：弹性布局容器中的每一个子元素，称为项目。 主轴：在弹性布局中，通过属性规定水平/垂直方向为主轴； 交叉轴：与主轴垂直的另一方向，称为交叉轴。 display：flex；给父容器添加这个属性； display:flex; 容器添加弹性布局后，显示为块级元素； d ...
分类：
其他好文 时间：
2019-10-07 09:57:45
阅读次数：
92
弹性盒模型 作用：控制子元素的布局方式 弹性盒的属性 flex direction 属性决定主轴的方向（即项目的排列方向） （默认值）：主轴为水平方向，起点在左端。 ：主轴为水平方向，起点在右端。 ：主轴为垂直方向，起点在上沿。 ：主轴为垂直方向，起点在下沿。 flex wrap 默认情况下，项目都 ...
分类：
Web程序 时间：
2019-10-06 18:30:28
阅读次数：
121
上篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。 你会看到，不管是什么布局，Flex往往都可以几行命令搞定。 我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。 一、骰子的布局 ...
分类：
其他好文 时间：
2019-10-06 17:06:37
阅读次数：
106
上下宽高固定，中间自适应的几种布局方式， 有4种布局方式： position; flex; table; grid。 <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>上下固定，中间自适应</title> </head> <st ...
分类：
其他好文 时间：
2019-10-02 17:02:40
阅读次数：
109
弹性盒 flexbil box or flexbox, css3的一种布局模式,页面可以适应屏幕大小与设备确保元素保持原来布局的方式，由弹性容器flex container,弹性子元素flex item组成，设置display来实现。 x轴代表主轴，从左到右，y轴代表侧轴，从上到下,主轴不一定是水平 ...
分类：
其他好文 时间：
2019-10-02 16:56:50
阅读次数：
75
CSS Flex 弹性盒模型布局教程 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 flex布局就是给任何一个容器添加 display:flex 注：设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效 ...
分类：
Web程序 时间：
2019-10-02 16:19:47
阅读次数：
116
1、水平布局Row控件即水平布局控件，能够将子控件水平排列。Row子控件有灵活与不灵活的两种，Row首先列出不灵活的子控件，减去它们的总宽度，计算还有多少可用的空间。然后Row按照Flexible.flex属性确定的比例在可用空间中列出灵活的子控件。要控制灵活子控件,需要使用Flexible控件：1... ...
分类：
其他好文 时间：
2019-10-01 13:30:38
阅读次数：
104
编译原理实战——使用Lex/Flex进行编写一个有一定词汇量的词法分析器 by steve yu 2019.9.30 参考文档：1.https://blog.csdn.net/mist14/article/details/486413492.https://wenku.baidu.com/view/ ...
分类：
其他好文 时间：
2019-09-30 23:29:36
阅读次数：
328
cursor 设置鼠标放上去后的形状 visability 设置是否可见 flex 详见这篇文章 "https://developer.mozilla.org/zh CN/docs/Learn/CSS/CSS_layout/Flexbox" 设置方法 flex 模型 方向 换行 设置每项的宽度 fl ...
分类：
Web程序 时间：
2019-09-30 14:59:01
阅读次数：
118
