垂直居中是布局中十分常见的效果之一，为实现良好的兼容性，PC端实现垂直居中的方法一般是通过绝对定位，table-cell，负边距等方法。有了css3，针对移动端的垂直居中就更加多样化。 方法1：table-cell html结构： <div class="box box1"> <span>垂直居中< ...
分类：
Web程序 时间：
2019-03-02 10:47:09
阅读次数：
201
//定位一般都会配合left 和 top 一起使用;//静态定位 : 元素默认位置; 不脱标 不常用position:static;//相对定位 : 相对于元素本身之前的位置进行定位;不脱标position:relative;//绝对定位 : 相对于有定位的父级元素的位置进行定位,如果父级元素均为定... ...
分类：
其他好文 时间：
2019-02-25 13:25:13
阅读次数：
134
*{ margin: 0; padding: 0; } #maxbox{ width: 405px; height: 400px; margin: 0 auto; } /* 这是标题部分 */ #maxbox .changlink{ width: 405px; height: 40px; line- ...
分类：
其他好文 时间：
2019-02-23 01:08:29
阅读次数：
977
一、水平居中 1.inline元素用tet-align:center; 2.block元素用margin：auto； 二、垂直居中 1.flex弹性盒子 父元素定义 display:flex;align-item:center; 2.absolute绝对定位 i.position:absolute; ...
分类：
Web程序 时间：
2019-02-21 13:06:21
阅读次数：
182
实现思路及步骤： 页面分为四个部分 1、左侧时间 2、中间圆点 3、右侧内容 4、虚线部分 最外层div,relative布局,方便子元素计算尺寸 左侧时间固定宽度，显示时间（本demo:100px）,之后absolute绝对定位（left:0） 中间圆点absolute绝对定位,因为左侧宽度已经定 ...
分类：
其他好文 时间：
2019-02-13 11:06:22
阅读次数：
1242
【转】21-z-index z-index 这个东西非常简单，它有四大特性，每个特性你记住了，页面布局就不会出现找不到盒子的情况。 z-index 值表示谁压着谁，数值大的压盖住数值小的， 只有定位了的元素，才能有z-index,也就是说，不管相对定位，绝对定位，固定定位，都可以使用z-index， ...
分类：
其他好文 时间：
2019-02-07 13:36:49
阅读次数：
174
Position的属性值有：1. Absolute：绝对定位，是相对于最近的且不是static定位的父元素来定位 2. Fixed：绝对定位，是相对于浏览器窗口来定位的，是固定的，不会跟屏幕一起滚动。 3. Relative：相对定位，是相对于其原本的位置来定位的。 4. Static：默认值，没有 ...
分类：
其他好文 时间：
2019-02-03 18:09:12
阅读次数：
338
总结一下CSS中的定位 Position 属性 在CSS中，Position 属性经常会用到，主要是绝对定位和相对定位，简单的使用都没有问题，尤其嵌套起来，就会有些混乱，今记录总结一下，防止久而忘之。 CSS position 属性值： absolute：生成绝对定位的元素，相对于 static 定 ...
分类：
Web程序 时间：
2019-02-03 12:38:50
阅读次数：
170
定位 定位有三种： 1.相对定位 2.绝对定位 3.固定定位 这三种定位，每一种都暗藏玄机，所以我们要一一单讲。 相对定位 相对定位:相对于自己原来的位置定位 现象和使用： 1.如果对当前元素仅仅设置了相对定位，那么与标准流的盒子什么区别。 2.设置相对定位之后，我们才可以使用四个方向的属性： to ...
分类：
其他好文 时间：
2019-01-30 19:10:32
阅读次数：
171
z-index 这个东西非常简单，它有四大特性，每个特性你记住了，页面布局就不会出现找不到盒子的情况。 z-index 值表示谁压着谁，数值大的压盖住数值小的， 只有定位了的元素，才能有z-index,也就是说，不管相对定位，绝对定位，固定定位，都可以使用z-index，而浮动元素不能使用z-ind ...
分类：
其他好文 时间：
2019-01-30 19:09:57
阅读次数：
136
