弹性处理与刚性尺寸在进行弹性处理之余，其实有些场景我们更希望元素尺寸固定，不需要进行弹性调整。设置元素尺寸除了width和height以外，flex还提供了一个flex-basis属性。flex-basis设置的是元素在主轴上的初始尺寸，所谓的初始尺寸就是元素在flex-grow和flex-shrink生效前的尺寸。1. 与width/height的区别首先以width为例···

弹性处理

 2019-06-09 21:48:16    25 次 阅读全文

元素如何弹性伸缩应对当flex-wrap: nowrap;不折行时，容器宽度有剩余/不够分，弹性元素们该怎么“弹性”地伸缩应对？这里针对上面两种场景，引入两个属性(需应用在弹性元素上)flex-shrink：缩小比例（容器宽度<元素总宽度时如何收缩）flex-grow：放大比例（容器宽度>元素总宽度时如何伸展）1. flex-shrink: 缩小比例来···

弹性伸缩

 2019-06-09 21:45:35    26 次 阅读全文

flex弹性盒模型对于某个元素只要声明了display: flex;，那么这个元素就成为了弹性容器，具有flex弹性布局的特性。每个弹性容器都有两根轴：主轴和交叉轴，两轴之间成90度关系。注意：水平的不一定就是主轴。每根轴都有起点和终点，这对于元素的对齐非常重要。弹性容器中的所有子元素称为<弹性元素>，弹性元素永远沿主···

弹性盒模型

 2019-06-09 21:42:50    21 次 阅读全文

Flex教学之Flex属性简介容器属性flex-flow让弹性盒的元素以相反的顺序显示，且在必要的时候进行拆行：display:flex;flex-flow:row-reverse wrap;flex-direction设置 <div> 元素内弹性盒元素的方向为相反的顺序：div{display:flex;flex-direction:row-reverse;}flex-wrap让弹性盒元素在必要的时候拆行：display:flex;f···

Flex布局模型

 2019-06-09 21:40:03    32 次 阅读全文

     在日益庞大的网民的面前，如何能够合理的规避以防止服务器被恶意DoS攻击或者不法之徒利用机器程序自动贴牛皮癣广告？一条小小的验证码功能就可以阻挡大部分的问题，所以今天我们就来研究一下如何生成验证码。要求：         码值：有4位，大写字母和数字···

PHP验证码

 2019-06-02 13:15:23    26 次 阅读全文