博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于flex的三属性2--flex-basis
阅读量:6121 次
发布时间:2019-06-21

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

1.先看几个例子:

(1)每个item均未设置width 和 flex-baiss,元素呈现的大小为flex下内容的大小
关于flex的三属性2--flex-basis
关于flex的三属性2--flex-basis

(2)元素item01只设置width=100px(隐含flex-basis=auto),元素item02只设置flex_basis=250px(隐含width=auto),元素item03同时设置width=50px和flex_basis=140px。
  1. 总结:item01宽度为100px,item02宽度为250px,item03宽度为140px。
    从中可以看出,flex项宽度取决于flex-basis -->width --> content

转载于:https://blog.51cto.com/2014fontend/2312457

你可能感兴趣的文章
云时代架构阅读笔记之四
查看>>
WEB请求处理一:浏览器请求发起处理
查看>>
Lua学习笔记(8): 元表
查看>>
PHP经典算法题
查看>>
LeetCode 404 Sum of Left Leaves
查看>>
醋泡大蒜有什么功效
查看>>
hdu 5115(2014北京—dp)
查看>>
数据结构中常见的树(BST二叉搜索树、AVL平衡二叉树、RBT红黑树、B-树、B+树、B*树)...
查看>>
PHP读取日志里数据方法理解
查看>>
第五十七篇、AVAssetReader和AVAssetWrite 对视频进行编码
查看>>
Vivado增量式编译
查看>>
一个很好的幻灯片效果的jquery插件--kinMaxShow
查看>>
微信支付签名配置正确,但返回-1,调不出支付界面(有的手机能调起,有的不能)...
查看>>
第二周例行报告
查看>>
多线程条件
查看>>
黄聪:VMware安装Ubuntu10.10【图解】转
查看>>
Centos 6.x 升级openssh版本
查看>>
公式推♂倒题
查看>>
vue实现点击展开,点击收起
查看>>
如何使frame能居中显示
查看>>