小的div在大的div中垂直居中 方法一: 1、代码: 1 <div style="width:200px;height:200px;border:solid blue;position:rela
来源:互联网 发布:速达软件怎么样 编辑:程序博客网 时间:2024/04/29 08:40
小的div在大的div中垂直居中
方法一:
1、代码:
1 <div style="width:200px;height:200px;border:solid blue;position:relative;">2 <div style="width:100px;height:100px;margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: red;"></div>3 </div>
2、效果图:
方法二:
1、代码:
1 <div style="width:200px;height:200px;border:2px solid #000;display:table-cell;vertical-align:middle;text-align: center;">2 <div style="width:100px;height:100px;display:inline-block;background-color: red;"></div>3 </div>
2、效果图:
方法三:
1、代码:
1 <div style="width:200px;height:200px; border:2px solid #000;display:flex;justify-content:center;align-items:center;">2 <div style="width:100px;height:100px;background-color: red;"></div>3 </div>
2、效果图:
方法四:
1、代码:
1 <div style="width:200px;height:200px; border:2px solid #000;position:relative;">2 <div style="width:100px;height:100px;margin:auto;position:absolute;left:50%;top:50%;margin-left: -50px;margin-top:-50px;background-color: red;"></div>3 </div>
2、效果图:
http://www.cnblogs.com/gwcyulong/p/6251342.html
阅读全文
0 0
- 小的div在大的div中垂直居中 方法一: 1、代码: 1 <div style="width:200px;height:200px;border:solid blue;position:rela
- 小的div在大的div中垂直居中
- 小div在大div里面水平垂直都居中的实现方法
- IE6下设置div的height:1px失效
- 如何让小的div在大的div中垂直居中
- <DIV ID="addVersion" STYLE="margin-left: 3px; width: 700px; float: left;display:none;" border="3">
- div之间的间距 style="display:table ;padding-bottom: 20px; width: 100%"
- 小div在大div里居中的方法
- img在div中垂直居中的代码
- div中图片垂直居中的方法
- div垂直居中的方法
- div垂直居中的方法!!
- 在div中实现垂直居中的方法
- /CSS 图片在DIV中垂直居中的显示方法
- CSS 图片在DIV中垂直居中的显示方法
- CSS 图片在DIV中垂直居中的显示方法
- 制作1PX高的DIV
- php 去除图片以及DIV的width、height、style
- Android中NDK的so文件产生和使用
- 《Java专栏》 — 访问控制修饰符
- Azure 中部署WordPress的方法
- 编译打包spark-1.6.0-cdh5.11.0-src详细过程及问题记录
- Android开发工程师
- 小的div在大的div中垂直居中 方法一: 1、代码: 1 <div style="width:200px;height:200px;border:solid blue;position:rela
- Linux下Mysql插入中文数据乱码解决
- spring-boot 集成 rabbitmq
- 识别图片中的文字
- Java中的方法
- matlab中 字符串的拼接、生成字符矩阵
- asp.net中控件的AutoPostBack属性
- linux基础命令 --linux权限管理
- ztree 如何向后台传输多个参数