小div在大div里居中的方法
来源:互联网 发布:php微信商城三级分销 编辑:程序博客网 时间:2024/04/29 03:50
方法一:
.parent { width:800px; height:500px; border:2px solid #000; position:relative;}.child { width:200px; height:200px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: red;}
方法二:
.parent { width:800px; height:500px; border:2px solid #000; display:table-cell; vertical-align:middle; text-align: center; }.child { width:200px; height:200px; display:inline-block; background-color: red; }
方法三:
.parent { width:800px; height:500px; border:2px solid #000; display:flex; justify-content:center; align-items:center; }.child { width:200px; height:200px; background-color: red; }
方法四:
.parent { width:800px; height:500px; border:2px solid #000; position:relative; }.child { width:300px; height:200px; margin:auto; position:absolute;/*设定水平和垂直偏移父元素的50%,再根据实际长度将子元素上左挪回一半大小*/ left:50%; top:50%; margin-left: -150px; margin-top:-100px; background-color: red; }
阅读全文
0 0
- 小div在大div里居中的方法
- 小的div在大的div中垂直居中
- 小div在大div里面水平垂直都居中的实现方法
- 如何让小的div在大的div中垂直居中
- div+css 怎么让一个小div在另一个大div里面 垂直居中
- div+css 怎么让一个小div在另一个大div里面 垂直居中
- 让div在页面居中的方法
- div居中的方法
- DIV居中的方法
- 居中div的方法
- div居中的方法
- 实现Div层里的文字垂直居中的方法
- 小的div在大的div中垂直居中 方法一: 1、代码: 1 <div style="width:200px;height:200px;border:solid blue;position:rela
- css 图片在div里居中
- DIV居中布局的三大实现方法
- 使Div居中的方法
- div垂直居中的方法
- div水平居中的方法
- swiper 定位到指定页面或位置
- Nginx学习总结(10)——Nginx前后端分离将多个请求转发到多个Tomcat,负载均衡反向代理
- SQL注入思路与手工猜解
- spring 更换数据库
- BZOJ 2748 [HAOI 2012] 背包 解题报告
- 小div在大div里居中的方法
- c#学习笔记(曾瑛)2
- 【模板】进制转换【DBSDFZOJ】
- 排序算法详解
- caffe绘制训练过程的loss和accuracy曲线
- Java常用算法之归并排序
- 第三周项目2—建设“顺序表”算法库
- pytorch学习笔记(十一):fine-tune 预训练的模型
- Android初学者入门—————XlistView与下拉刷新,上拉加载