首页 > 开发 > CSS > 正文

基础的CSS3弹性盒Flexbox布局使用实例

2024-07-11 08:56:36
字体:
来源:转载
供稿:网友

   flexbox是一个新的盒子模型,当你给一个元素使用了flexbox模块,那么它的子元素就会指定的方向在水平或者纵向方向排列。这些子元素会按照一定的比例进行扩展或收缩来填补容器的可用空间。flexbox有许多很好用的地方,下面就着重讲述一下它的一些使用场景:
 
Example 1: flexbox等分布局
 
      如果你要实现以下所示的样式,你可能首先想到的是用float:
201648121454883.png (298×71) 

CSS Code复制内容到剪贴板
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表