垂直居中position: relative
来源:互联网 发布:上海近几年gdp数据 编辑:程序博客网 时间:2024/05/17 01:50
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>垂直居中</title> <style> #div1{ width: 300px; height: 300px; background-color: #FF6500; position: relative;(relative : 对象不可层叠,但将依据left,
right,top,bottom等属性在正常文档流中偏移位置) } #div2{ width: 200px; height: 200px; background-color: white; position: relative; left: 50%; margin-left: -100px; top: 50px; } </style></head><body><div id="div1"> <DIV id="div2"> </DIV></div></body></html>
去除#div1中 position: relative;#div2 position: relative; left: 50%; margin-left: -100px; top: 50px; 效果为
0 0
- 垂直居中position: relative
- 水平居中,position:relative;left:-50%;
- 关于使用position:relative居中的问题
- 带有position时的居中,包括fixed、relative、absolute
- css3 居中对齐,position: absolute 垂直居中定位
- css position: fixed; 垂直居中,绝对定位居中
- position:relative
- position:relative
- 盒子垂直居中显示以及position的属性值问题
- 用position:relative和float实现不定宽块级元素的居中
- position:relative 与position:absolute
- position: absolute、relative
- position absolute,relative 定位
- position属性:absolute&relative
- css中的position:relative
- 关于position中的relative
- Position定位:relative | absolute
- position absolute和relative
- 【centos】文件过多情况处理 inodes占用100%
- 宋宝华:关于罪与欲望的深渊
- camel File 组件使用
- 登台阶
- Activity被系统回收怎么办
- 垂直居中position: relative
- guardian_robot系统移植手记
- Swift UICollectionView、UITableView列点击事件与 UITapGestureRecognizer 点击事件冲突处理
- 完美运动框架全面剖析
- 201409-3 字符串匹配
- Java IO学习总结
- Git分支
- 腾讯IVWEB团队:WebRTC 点对点直播
- 图论杂项