前端面试题--详解flex

前端面试题–详解flex

Flex是指弹性盒子布局的意思
Flex的主要作用是：解决元素居中问题，自动弹性伸缩，自动适配不同大小的屏幕和移动端。
Flex的术语解释：二成员：容器和项目(container / item)
二根轴：主轴与交叉轴(main-axis / cross-axis)
二根线：起始线(main/cross-start)与结束线（main/cross-end)
容器container的属性设置：

flex-direction 主轴方向
flex-wrap 主轴一行满了换行
flex-flow 1和2的组合
justify-content 主轴元素对齐方式
align-items 交叉轴元素对齐方式//单行
align-content 交叉轴行对齐方式//多行

Flex-direction主轴方向
row（默认值）：主轴为水平方向，起点在左端。
row-reverse：主轴为水平方向，起点在右端。
column：主轴为垂直方向，起点在上沿。
column-reverse：主轴为垂直方向，起点在下沿。

前端面试题--详解flex相关推荐

上汽大通内部前端面试题（纯干货）
前端面试题 1.css flex弹性布局以下常用属性可以随机挑一二个问 flex-direction : 属性决定主轴的方向(即容器的排列方向) row(默认值):主轴为水平方向,起点在左端.row ...
【前端】前端面试题整理
前端和计算机相关知识你能描述一下渐进增强和优雅降级之间的不同吗浏览器兼容问题如何对网站的文件和资源进行优化? 怎么学习前端?怎么接触前端新知识? 关于前后端分离关于浏览器内核(渲染引擎) 浏览 ...
前端面试题总结（js、html、小程序、React、ES6、Vue、全栈）
前端面试题总结(js.html.小程序.React.ES6.Vue.全栈) 文档描述本文是关注微信小程序的开发和面试问题, 由基础到困难循序渐进, 适合面试和开发小程序. 并有热点框架(vue re ...
前端面试题【131道】
前端面试题 1.vue2和vue3的主要区别 3.Apply/call/bind的原理是什么? 4.说说你对原型和原型链的理解? 5.说说你对ES6中Generator的理解 6.说说你对Event ...
前端面试题整理（会不断更新哦！~~~~~）
前端面试题 1.bind, call, apply有什么区别? 1.都是改变this的指向 2.call和apply会立即执行函数,bind会返回一个新函数 3.传参不同,call和bind是对象传参 ...
2016年全面前端面试题总结
web app遇到的一些坑及小技能(持续更新...) 标签,所以数字的部分样式继承了a标签的样式,导致部分样式无效解决方法:(1)meta 标签加上<meta name="form ...
重要前端面试题，来自一个2022年面试大牛(上)
面经链接 2022高频前端面试题--CSS篇 - 掘金精心整理HTML/CSS面试题(2022求职必看) - 掘金(今天正在看的) 一.css面试题 1.Dom事件模型(分为捕获和冒泡) 一个事件发 ...
前端面试题（HTML、JS、Vue、React、小程序）
前端面试题 HTML && CSS HTML 1.Div 里面有个一个div ***** Q:有几种方法可以水平,垂直居中 2.doctype的作用 * 3.link标签和import ...
2020中高级前端面试题合集
2020中高级前端面试题合集 "全方位总结一下所遇到的面试题目,与大家共同学习,也是对自己的一次总结" 文章同步到我的公众号<前端小时>,欢迎大家关注! 01 前言 2 ...

前端面试题--详解flex

前端面试题–详解flex

前端面试题--详解flex相关推荐

最新文章

热门文章