CSS垂直居中实现
来源：互联网 发布：linux服务器编程 知乎 编辑：程序博客网 时间：2024/05/18 21:48
转载自：
CSS 专业技巧收集
上一篇：
CSS垂直居中问题解决方法
上一节，主要写了两种垂直居中的实现方法。后来无意间看到一篇关于CSS实现垂直居中的文章，讲了一种更为简单的实现方法，通过对父元素添加以下两行代码便可实现：
align-items: center;display: flex;
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>垂直居中</title><style>.vertical-align{width: 200px;height: 200px;outline: 1px solid #ADADAD;/*利用outline代替border边框*//*以下两行代码实现垂直居中*/align-items: center;display: flex;}.vertical-align p{margin: 0 auto;/*水平居中*/}</style></head><body><!--垂直居中实现--><div class="vertical-align"><p>垂直居中实现</p></div></body></html>实现效果：
阅读全文
1 0
- CSS实现垂直居中!
- CSS实现垂直居中
- CSS实现垂直居中
- CSS实现垂直居中
- CSS实现垂直居中
- CSS实现垂直居中
- CSS实现垂直居中
- css实现垂直居中
- css实现垂直居中
- css实现垂直居中
- CSS实现垂直居中
- CSS垂直居中实现
- CSS实现垂直居中
- CSS实现完美垂直居中
- CSS实现完美垂直居中
- CSS实现完美垂直居中
- CSS实现完美垂直居中
- CSS实现完美垂直居中
- opencv报错
- 第三方分享微信分享、朋友圈分享之iOS开发/Android开发
- 数组的扩容
- Linux下的SVN服务器的安装
- java版云笔记（二）
- CSS垂直居中实现
- 贝塞尔曲线收录：二 cell描三边
- java.lang.IllegalArgumentException: FormUrlEncoded can only be specified on HTTP methods with requ
- TransactionScope的使用--业务层使用多个方法实现回滚解决方案-业务层事务
- **A Cubic number and A Cubic Number**
- 【移动端】仿hover效果触发导航菜单展开
- 数据库索引之稠密索引和稀疏索引
- Android签名信息查看
- python的格式处理
