博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
弹性盒子布局
阅读量:5894 次
发布时间:2019-06-19

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

hot3.png

弹性盒子布局可以实现宽度和高度自适应的布局

水平布局

    
弹性盒子布局
我是左侧栏
我是主内容部分
我是右侧栏

输入图片说明

右边有一个空白区域,只要给中间内容部分加上 box-flex:1;

    
弹性盒子布局
我是左侧栏
我是主内容部分
我是右侧栏

输入图片说明

可以通过改变属性 box-orient:vertical 将水平布局改为垂直布局,宽度自动铺满整个区域

    
弹性盒子布局
我是左侧栏
我是主内容部分
我是右侧栏

输入图片说明

转载于:https://my.oschina.net/u/2561199/blog/751722

你可能感兴趣的文章
异步编程思想
查看>>
"数学口袋精灵"bug(团队)
查看>>
2017python第六天作业 面向对象 本节作业: 选课系统
查看>>
Scribes:小型文本编辑器,支持远程编辑
查看>>
为什么要使用 SPL中的 SplQueue实现队列
查看>>
ssh 安装笔记
查看>>
游戏音效下载网站大全
查看>>
实验五
查看>>
记那次失败了的面试
查看>>
程序包+创建包规范+创建包体+删除程序包
查看>>
3-继承
查看>>
海归千千万 为何再无钱学森
查看>>
vue2.0 仿手机新闻站(六)详情页制作
查看>>
FreeRTOS的内存管理
查看>>
JSP----九大内置对象
查看>>
Java中HashMap详解
查看>>
Office版本差别引发的语法问题
查看>>
web前端(10)—— 浮动,清除默认样式
查看>>
ggplot2 aes函数map到data笔记
查看>>
3450: Tyvj1952 Easy
查看>>