flex布局实现双飞翼
来源:互联网 发布:曲无忆捏脸数据 编辑:程序博客网 时间:2024/05/22 09:40
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style> .div1{ width: 200px; height: 200px; background-color: red; display: flex; justify-content: center; align-items: center; } .div2{ width: 100px; height: 100px; background-color: green; } .container{ display: flex; flex-direction: row-reverse; flex-wrap: wrap; } .left{ width: 20%; background-color: red; height: 100px; } .centent{ width: 60%; background-color: green; height: 100px; } .right{ width: 20%; background-color: #f2ad0a; height: 100px; } .right2{ width: 20%; background-color: fuchsia; height: 100px; } </style> <title>flex布局</title></head><body><div class="div1"> <div class="div2"> </div></div><div class="container"> <div class="left">left</div> <div class="centent">content</div> <div class="right">right</div></div></body></html>
0 0
- flex布局实现双飞翼
- css 三栏布局 圣杯布局 双飞翼 flex
- 【ibokan】双飞翼布局实现代码
- 圣杯布局、双飞翼布局、Flex布局和绝对定位布局的几种经典布局的具体实现示例
- 双飞翼布局----利用float和margin实现双飞翼布局
- 双飞翼布局
- 双飞翼布局
- 双飞翼布局
- 双飞翼布局
- 双飞翼布局
- 双飞翼布局
- 双飞翼布局
- 双飞翼布局
- "双飞翼布局"
- 双飞翼布局
- 双飞翼布局
- 双飞翼布局
- 双飞翼布局
- #OSG+VS#第十二周
- selenium 之 submit()方法
- hive导出hbase数据
- 6种CSS3炫酷预加载Loading
- Tensorflow系列二:入门
- flex布局实现双飞翼
- 验证微信号的正则表达式
- 个人博客导航帖
- 不知道作文怎么写?看一看MindManager在文章写作方面的应用
- json知识整理
- Http请求中Content-Type讲解以及在Spring MVC中的应用
- 判断浏览器版本、系统型号等
- OkIo介绍
- 生成不重复的随机数序列