flex水平垂直居中
2024-10-13 18:29:00
<div class="parent">
<div class="children">我是通过flex的水平垂直居中噢！</div>
</div>
html,body{
width: 100%;
height: 200px;
}
.parent {
display:flex;
align-items: center;/*垂直居中*/
justify-content: center;/*水平居中*/
width:100%;
height:100%;
background-color:red;
}
.children {
background-color:blue;
}
最新文章
- 大规模web 服务开发技术
- [XAF] 多级联列表显示
- iOS开发之邓白氏编码申请流程
- Unity5网络模块UNet介绍
- 第二章 rabbitmq在mac上的安装
- 【转】c# yield用法
- 关于JAVA System常见类的一些总结
- VC++文件相关操作的函数封装实现
- 理解javascript 回调函数
- NYOJ-102 次方求模
- IIS7 / IIS7.5 URL 重写 HTTP 重定向到 HTTPS
- FPGA设计千兆以太网MAC（2）——以太网协议及设计规划
- 阿里云+WordPress搭建个人博客
- javascript节点移除
- python3.x 和pip3的安装
- Lucene实战之关键字匹配多个字段
- ftp不能登录报错
- How to set asp.net Identity cookies expires time
- Python学习记录之----网络通信（二）
- mysql 查询重复值