温习 flex 布局

最新推荐文章于 2022-06-23 11:41:45 发布
最新推荐文章于 2022-06-23 11:41:45 发布
阅读量118 收藏
点赞数
分类专栏： 前端开发 没事写着玩
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jyz18838957183/article/details/98730355
版权

父级元素加display: flex;  flex-flow:row nowrap;justify-content:space-between;

子类元素 就可以直接左右两边对齐。

 

元素左右对齐 justify-content:center;   当前对齐元素必须声明 display:flex

元素上下对齐 align-items:center;    当前对齐元素必须声明 display:flex

 

两边元素等分

父级添加 display:flex

子级 各自添加  flex:1  起到了等分的效果  如果需要2比1等分话  同上原则， 就是 flex：2  flex:1 

Hello word!!!!
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
回首温习青春.docx
02-15
回首温习青春.docx
操作系统温习材料
01-09
本文档可供操作系统学习者学习和复习材料，包括操作系统概念（郑扣银中文翻译版）、一些课程学习PPT、一些考试试题检测、一些笔记整理等、以及一部分作业题目。
小小说中考温习.ppt
11-11
小小说中考温习.ppt
最优化温习材料.pdf
最新发布
06-21
最优化温习材料.pdf
现代导航温习资料.docx
07-03
。。。
微信小程序实现视频试看功能
热门推荐
jyz18838957183的博客
12-26 1万+
我的思路是 在页面上那个video元素上面绑定bindtimeupdate 事件 然后监控视频的实时播放进度， 到达一定的播放时间后进行暂停处理， 并把自己实现写好的<cover-view></cover-view> 放上去，等待用户拉起微信支付 成功后 在success里面在 把写好的<cover-view></cover-view>去掉， 继...
swiper滚动元素闪屏问题解决方案
jyz18838957183的博客
08-12 6942
最近做了一个 产品展示H5的网站，用到了一个双向轮播图方法，随后在ios测试中发现 滑动过程中有几率出现闪屏问题，最后找到了解决方案， 在闪屏的父级元素增加 transform:translate3d(0,0,0); overflow:hidden; 子元素增加 transform:translate3d(0,0,0); 这样就可以解决掉了。。。 ...
jquery实现 鼠标滚轮上下滚动事件，
jyz18838957183的博客
06-25 6667
不多说了 直接贴代码，由于滚动事件浏览器之间的 兼容性问题， Chorme 和Firefox 的兼容性需要同时兼并， 具体逻辑可以看本人代码逻辑。 有什么不明白的可以在下方留言！！！！ ...
谷歌浏览器解决（cors）跨域问题
jyz18838957183的博客
07-31 5705
废话不多说 直接上干货 发现在谷歌商店有一个可以解决跨域问题的插件 附上地址 可以试一试， 插件地址 https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi 解决问题的点个赞啊 ...
vue 组件传值 default接受的默认值
jyz18838957183的博客
04-05 2557
数组 data: { type:Array， default: () => [] } 对象 data: { type:Object， default: () => ({}) } 字符串:{ type:String， default: () => " " } 如果解决了你的问题 记得给我点个赞
TypeError: this.getOptions is not a function 报错解决心得
jyz18838957183的博客
04-08 1482
原因就是: sass的版本太高了npm uninstall sass-loader 解决办法就是：npm install [email protected] 困扰我几天的问题 况且还是nuxt,js 写的网站
css实现高度动态变化自如 新手写着娱乐
jyz18838957183的博客
08-15 1159
个人写的一个小布局 实现一些有趣的功能，
里面的div怎么撑开外面的div,让高度自适应
jyz18838957183的博客
09-09 757
关于容器高度自适应的兼容性问题。 1.有些时候，我们希望容器有一个固定高度，但当其中的内容多的时候，又希望高度能够自适应，也即容器在纵向能被撑开，且如果有背景，也能够自适应。在一般情况下，使用min-height即可解决。但是广大网民的首选浏览器ie6并不支持min-height。ie7,opera,火狐没有问题。所以采用以下写法可以解决兼容性： 代码如下： height:
分享一波怎么利用github挂载自己的代码
jyz18838957183的博客
09-09 748
最近自己没事 想把自己以前写的小游戏什么的 上传到 github上，  好久不用这个了突然感觉不会用了，经过半个小时的琢磨终于成功上传了自己心爱的代码(自己写的代码 就像自己孩子一样)，   好啦  切入正题吧。  第一步：建立git仓库  cd到你的本地项目根目录下，执行git命令 在黑窗口输入 git iniit 第二步：将项目的所有文件添加到仓库中 在输入git add .
前端事件循环机制 宏任务 微任务 以及await 、async
jyz18838957183的博客
10-19 287
浏览器中的事件循环机制： 1. js代码浏览器执行中，事件循环机制除了按照函数调用机制进行执行以外，还要依靠事件任务队列来进行一些代码逻辑的执行，这个整体的过程我们叫做事件循环，一个线程中，事件循环是唯一的，但是任务队列可以拥有多个。任务队列又分为 macro-task（宏任务）和 micro-task（微任务） macro-task（宏任务）大概包括： script（整体代码） setTimeout setInterval setImmediate I / O UI render mi..
Vue-cli 快速构建项目以及配置讲解
jyz18838957183的博客
06-22 194
先保证自己的vue-cli 保持在3.0以上版本 达不到的自己去 安装上面的 命令重新装一下 cmd 输入命令行 vue create csdn（csdn 为自己项目的名字 可自定义） 之后会出现 下方图片界面 默认选中 Manually select features 来自定义当前项目目录构建 选择 要配置的 babel 上下滑动 选中自己要的 按空格键选中 选中 下面就是每项的介绍~ 下面就是安装成功的界面 直接开始 cd 到你的项目 用自己命令行去启动 鉴于最近一直有人问如何既快速
百度小程序一站式互动组件开发中遇到的问题
jyz18838957183的博客
06-23 170
百度小程序一站式互动组件开发中遇到的问题
快速温习mysql语句，增删改查
04-24
好的，我可以为您介绍一些常用的MySQL语法来进行增删改查。 1. 增加数据 ``` INSERT INTO table_name (field1, field2, ...) VALUES (value1, value2, ...); ``` 比如说： ``` INSERT INTO users (name, age, gender) VALUES ('Tom', 25, 'male'); ``` 这个语句会在users表中插入一条记录，包含三个字段：name, age, gender。 2. 删除数据 ``` DELETE FROM table_name WHERE condition; ``` 比如说： ``` DELETE FROM users WHERE age > 30; ``` 这个语句会删除users表中所有age大于30的记录。 3. 修改数据 ``` UPDATE table_name SET field1 = value1, field2 = value2, ... WHERE condition; ``` 比如说： ``` UPDATE users SET age = 26 WHERE name = 'Tom'; ``` 这个语句会将users表中name为Tom的记录的age改为26。 4. 查询数据 ``` SELECT column1, column2, ... FROM table_name WHERE condition; ``` 比如说： ``` SELECT * FROM users WHERE gender = 'male'; ``` 这个语句会查询users表中所有gender为male的记录。 以上是MySQL中常用的增删改查语句，希望能对您的快速温习有所帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值