flex学习
2024-09-07 10:32:02
今天看视频学习的时候,发现css有一个 flex 的属性,非常的好用,为了让自己能够熟记,特意来分享一下flex的用法。
首先,采用Flex布局的元素,称为Flex容器(flex container),简称”容器”。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称”项目”。
容器一共有有6个属性,分别是flex-direction、flex-wrap、flex-flow、justify-content、align-items、align-content。其中(justify-content和align-items)结合可以完成不定宽高的水平垂直居中韩国,非常方便简洁。
项目也有6个属性,分别是order、flex-grow、flex-shrink、flex-basis、flex、align-self。
具体例子可以查看[菜鸟教程](http://www.runoob.com/w3cnote/flex-grammar.html)
最新文章
- 将图片的二进制字节字符串在HTML页面以图片形式输出
- 未能正确加载“Microsoft.VisualStudio.Editor.Implementation.EditorPackage”包
- 解密TDE加密数据库
- DVR分布式路由
- Codeforces 713 C Sonya and Problem Wihtout a Legend
- 20175221 《Java程序设计》第5周学习总结
- bash: cannot create temp file for here-document: Read-only file system
- Alpine Linux常用命令
- 【洛谷】1600:天天爱跑步【LCA】【开桶】【容斥】【推式子】
- OSPF邻居状态机
- 读取GY-951模块数据(Linux)
- 【agc006f】Blackout(神仙题)
- 几张图理解Roll, Pitch, Yaw的含义
- sublime3095-注册码下载安装
- 《WAP》第一次作业:团队亮相
- 1874 football game(三分法and method to compute the area of trianngle)
- C++类成员指针(指向类成员的指针)
- datagrid后台分页js
- 实用 35 个 jQuery 小技巧
- Linux文件压缩/打包/解压
热门文章
- 微信小程序animation有趣的自定义动画
- C语言atoi函数
- 家庭记账本app进度之android中AlertDialog的相关应用以及对日期时间的相关操作(应用alertdialog使用的谈话框)
- 100 Path Sum
- Java第六天,API中常用的类,StringBuffer、StringBuilder、包装类、System类的使用
- Git常用指令整理(Git Cheat Sheet)
- String 对象-->;判断是否相等
- Python爬虫系列(七):提高解析效率
- 《面试经典系列》- SpringMVC原理及工作流程
- git处理fork的个人库代码与远程项目库待代码同步与合并