博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
flex box布局
阅读量:5115 次
发布时间:2019-06-13

本文共 433 字,大约阅读时间需要 1 分钟。

例如

flex box,有一个伸缩容器flex container 容器中的元素自动变成了伸缩项flex items,例子中container就是伸缩容器,left、center、right是伸缩项

给伸缩容器的css设 display:flex ; flex-flow:row/column/row wrap……

flex-flow为row,给伸缩项设width;flex-flow为column,设height;还可以设flex:value,按比例分配

目前css

.container{
display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex;}

 

转载于:https://www.cnblogs.com/danranysy/p/4736074.html

你可能感兴趣的文章
虚拟化架构中小型机构通用虚拟化架构
查看>>
继承条款effecitve c++ 条款41-45
查看>>
HTML+CSS学习笔记(九)
查看>>
【BZOJ2286】【SDOI2011】消耗战 [虚树][树形DP]
查看>>
Java泛型的基本使用
查看>>
1076 Wifi密码 (15 分)
查看>>
rsync
查看>>
noip模拟赛 党
查看>>
bzoj2038 [2009国家集训队]小Z的袜子(hose)
查看>>
Java反射机制及其Class类浅析
查看>>
Postman-----如何导入和导出
查看>>
移动设备显示尺寸大全 CSS3媒体查询
查看>>
hihoCoder #1831 : 80 Days-RMQ (ACM/ICPC 2018亚洲区预选赛北京赛站网络赛)
查看>>
图片等比例缩放及图片上下剧中
查看>>
WebView加载网页详情
查看>>
【转载】Linux screen 命令详解
查看>>
dd命令 建立两颗一模一样的磁盘
查看>>
常用的jquery触屏手机页面特效代码下载
查看>>
background-clip,background-origin
查看>>
C# 如何创建一个Windows服务
查看>>