最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
CSS 水平居中相对定位与负边距法
时间:2013-03-09 编辑:简简单单 来源:一聚教程网
代码如下 | 复制代码 |
|
分析
position: relative; 是相对定位,就是相对于当前级的父级
left: 50%; 居中的意思(居中的元素相对于其原来位置向右移个50%)
margin-left: -380px; 负边距法 (看元素已经放在了页面的中间位置,但是并未居中。居中呢就是整个元素的中心点正好与页面的中心线重叠。于是我再将元素margin-left改为其宽度的一半,当然为了往左挪这个偏移量是负数)
相关文章
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- css3中仿放大镜效果的几种方式原理介绍 10-26
- CSS3切割轮播图的代码展示 10-26
- CSS组合选择器解析 10-26
- css带搜索导航栏的代码展示 10-26