css系列—水平垂直左右居中
本文共 632 字，大约阅读时间需要 2 分钟。
水平居中：定位法
1.父元素上设置display:flex
2.子元素元素上设置margin:auto。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title></head><style>.md-warp{ width: 400px; height: 300px; border: 1px solid #000;}.md-main{ display: block; width: 100px; height: 100px; background: #f00;}.md-warp{ display: flex}.md-main{ margin: auto}</style><body> <div class="md-warp"> <span class="md-main"></span> </div> <script> /** 水平居中：定位法 1.父元素上设置display:flex 2.子元素元素上设置margin:auto。 */ </script></body></html>
转载地址：http://avvm.baihongyu.com/
你可能感兴趣的文章
十四、数组扁平化处理（2021/4/27）
查看>>
一篇文章教会你使用Python下载抖音无水印视频
查看>>
阿里P8告诉你如何编写有效的Python简历推销自己！
查看>>
膜拜！终于有人能把人工智能算法的“逻辑回归”讲得明明白白了
查看>>
项目云环境搭建（1）——mysql数据库的搭建的和连接
查看>>
项目云环境搭建（2）——tomcat的部署和连接
查看>>
NIO——堆外内存、零拷贝、直接内存的原理
查看>>
数据挖掘于分析实例解析——数据特征分析
查看>>
数据挖掘于分析实例解析——汽车偷税漏税的项目详解以及利用LM神经网络算法自动识别窃电用户
查看>>
java面试试题解答经验
查看>>
Redis的常见的面试题
查看>>
粘代码出现的错误解决
查看>>
父类不能强转为子类，除非....../对“多态”的理解
查看>>
每日总结[1] 20191001 初识Spring//Beans/控制反转/依赖注入/Date转换
查看>>
SpringMVC+Mybatis （动态代理）学习笔记
查看>>
记SpringBoot 遇到的Whitelabel Error Page
查看>>
面试时被问技术栈底层 , 机智小伙反秀面试官一脸
查看>>
学而时习之网络篇: 又是HTTP缓存的锅 !
查看>>
初学源码如何越学越香 ?
查看>>
[百度搜索框Bootstrap模仿]
查看>>