主轴flex布局是一种一维布局模型，一次只能处理一个维度（一行或者一列）上的元素布局，作为对比的是二维布局CSS Grid Layout，可以同时处理行和列上的布局。也就是说，flex布局大部分的属性都是作用于主轴的，在交叉轴上很多时候只能被动地变化。1. 主轴的方向我们可以在弹性容器上通过flex-direction修改主轴的方向。如果···

Flex主轴

 2019-06-09 21:44:24    40 次 阅读全文

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

弹性盒模型

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

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    57 次 阅读全文

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

PHP验证码

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

form表单实现搜索跳转功能使用post请求html代码<form name="forminfo1" method="post" action="/Search">      <input name="filter" type="text" class="search" placeholder=&q···

搜索

 2019-05-30 10:40:39    74 次 阅读全文