设置一个层同时水平垂直居中
2014-09-02 17:03
357 查看
想要使定义的一个层即能在浏览器中左右居中,又可以上下居中,可以用绝对定位再结合百分比形式的left、top属性以及负外补丁来实现。代码如下:
css代码:
说明:margin属性中的两个-100px分别为width和height属性值的一半的负值。
css代码:
div { position:absolute; top:50%; left:50%; margin:-100px 0 0 -100px; width:200px; height:200px; border:1px solid red; }
说明:margin属性中的两个-100px分别为width和height属性值的一半的负值。
相关文章推荐
- 如何设置一个textview的文字显示为垂直居中,水平居左呢
- 设置一个层在浏览器中同时左右居中上下居中水平垂直居中
- 使图片水平并垂直居中的一个Hack
- 设置<img>在表格<table>中的单元格<td>中水平垂直居中
- 如何让一个div在另一个div中绝对居中(水平+垂直)
- 编写css让一个已知宽高的div元素水平居中?垂直居中
- (转)css 相对定位 绝对定位 浮动 CSS 相对定位 相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”
- 如何让一个DIV水平,垂直方向都居中于浏览器?
- jquery计算出left和top,让一个div水平垂直居中
- 如何使一个div在另一个div中绝对居中(水平与垂直方向)
- html设置元素水平或垂直居中
- 使用重构的方式制作出一个如下图的水平、垂直都居中短边为50px,长边为150px的红色十字架。
- 任意大小的图片垂直水平居中与一个固定大小的容器中
- 如何使一个div在另一个div中绝对居中(水平与垂直方向)
- button中的文字垂直居中与水平居右同时
- 转载未知大小的图片在一个已知大小容器中的水平和垂直居中(二)
- 如何让一个不固定高宽的图片,垂直和水平居中在页面中间?
- 使一个div在body中水平垂直居中的方法