CSS布局之flexbox
2024-09-05 17:45:06
参考链接:
https://www.cnblogs.com/qingchunshiguang/p/8011103.html
练习代码
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
<style media="screen">
.container{
background-color: orange;
width:300px;
height:300px;
display:flex;
justify-content:space-between;
align-items: center;
}
.div1{
background-color: red;
width:100px;
height:100px;
}
.div2{
background-color: blue;
width:100px;
height:100px;
}
.div3{
background-color: green;
width:100px;
height:100px;
} </style>
</head>
<body>
<div class="container">
<div class="div1"> </div>
<div class="div2"> </div>
<div class="div3"> </div>
</div> </body>
</html>
最新文章
- NDK学习一: 环境搭建Eclipse篇
- 在IOS手机safari浏览器的无痕模式下,localStorage不起作用
- SAP顾问发展
- url上使用#号好不好
- 设计模式 -- 单例模式(Java&;&;PHP)
- 动态根据checkbox 增加Dom
- centos6.7配置git服务器
- String类(C++练习二)
- opencv2对于读书笔记——二值化——thresholded功能
- git和SVN的区别
- Debian下VIM的安装和配置
- Mac上关于shell使用Python3和C++11声明
- 【子非鱼】归并排序过程呈现之java内置GUI表示
- SecureCRT安装
- FB面经 Prepare: LCA of Deepest Nodes in Binary Tree
- 洛谷P3709 大爷的字符串
- ABP框架系列之三十:(Javascript-API-Javascript-API)
- Getting started with Processing 示例11-9 追随鼠标移动
- java 类变量初始化顺序
- Netty - 2
热门文章
- AGC035 A - XOR Circle【分析】
- 【VS开发】使用WinPcap编程(3)——设置过滤器
- [ASP.NET] 后台判断文本框输入内容是否为数字
- 为什么要malloc()?何时要malloc()?如何使用malloc()?
- 从零开始学习GDI+ (二) 基本概念与基本操作
- Dubbo基础、高级讲解
- 小记---------maxwell启动闪退问题
- redis内存满了怎么办?
- 【7.9校内test】T1挖地雷
- window下的php命令行输出汉字乱码处理