盒子垂直居中
来源:互联网 发布:淘宝裤子女装 编辑:程序博客网 时间:2024/06/06 00:50
在线展示
让一个盒子在页面中垂直居中显示。
html:
<body> <div class="box"></div></body>
css:
<style> * { padding: 0; margin: 0; } .box { width: 200px; height: 200px; background-color: pink; margin: 0 auto;/*左右居中*/ /*上下居中*/ position: absolute;/*定位*/ left: 50%;/*整个屏幕宽度的一半*/ top: 50%;/*整个屏幕高度的一半*/ margin-top: -100px;/*盒子高度的一半即(200/2)*/ margin-left: -100px;/*盒子宽度的一半即(200/2)*/ }</style>
0 0
- 盒子垂直居中
- 盒子垂直居中css
- Css3 弹性盒子垂直居中
- div垂直居中 css div盒子上下垂直居中
- div垂直居中 css div盒子上下垂直居中
- 自适应宽度盒子水平垂直居中css
- div盒子水平垂直居中的方法
- 一个盒子在父级中水平垂直居中
- div盒子水平垂直居中的方法
- css 四种盒子垂直居中方式
- div盒子水平垂直居中的方法
- 如何让一个盒子垂直居中
- 盒子中的div垂直居中方法记录
- 实现盒子的垂直水平居中
- 一个盒子在另一个盒子中垂直居中的方法
- CSS居中(一)--div盒子水平垂直居中
- div盒子水平居中垂直居中的几种方法
- CSS样式使DIV盒子垂直水平居中
- 采用分治法求最大子列
- 2017年3月22日
- 矩估计和最大似然估计关系
- Centos7 下安装PHP7 phpredis扩展报错解决办法
- struts-2.5.10.1 版本的HelloWorld
- 盒子垂直居中
- 数据分析:留存率曲线拟合
- 深入理解KVC与KVO
- Linux常用命令大全
- C++之‘nullptr’ was not declared in this scope
- Docker命令
- Linux 交换分区,回环设备
- 知识图谱学习之neo4j数据库(三)
- Java不可改变字符串