flex
来源:互联网 发布:无标度网络 生成程序 编辑:程序博客网 时间:2024/05/19 03:44
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
#div1{
width: 200px;
height: 200px;
background-color: lime;
/*居中*/
display: flex;
justify-content: center;
align-items: center;
}
#div2{
width: 100px;
height: 100px;
background-color: deeppink;
}
</style>
<title>flex</title>
</head>
<body>
<div id="div1">
<div id="div2">
</div>
</div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
#div1{
width: 200px;
height: 200px;
background-color: lime;
/*居中*/
display: flex;
justify-content: center;
align-items: center;
}
#div2{
width: 100px;
height: 100px;
background-color: deeppink;
}
</style>
<title>flex</title>
</head>
<body>
<div id="div1">
<div id="div2">
</div>
</div>
</body>
</html>
0 0
- FLEX
- flex
- flex
- FLEX
- Flex
- Flex
- flex
- Flex
- Flex
- Flex
- Flex
- Flex
- Flex
- Flex
- flex
- Flex
- flex
- flex
- display
- 深入理解JavaScript系列(3):全面解析Module模式
- 前端性能-调研
- lenet-5结构
- 关于多语言获取手机正在运行应用信息失败
- flex
- 巴西最早生产的带天窗、自动挡的桑塔纳,普桑。
- 【笔试总结】【金山wps】【android开发工程师】
- MyBatis框架的学习(六)——MyBatis整合Spring
- 其他选择器
- flex
- LeetCode题目:413. Arithmetic Slices
- InputStreamReader 和 OutputStreamWriter类用法-实例讲解很好
- 唯一分解定理