display的table和table-cell一般情况下用的不多，所以很少有人去关注它，但他们两个联手起来会给你惊喜！ 这里抛出这样一个问题，如下，让块里的多行文字垂直居中？一说到垂直居中就会想到，单行文字垂直居中line-height等于height；块级元素垂直居中，position定位或者f ...
分类：
其他好文 时间：
2017-12-21 12:01:59
阅读次数：
110
为了让某个元素垂直居中一般会取document.documentElement.scrollTop的值，但是在chrome下，这个值为空，比较好的解决方案是 var top = document.documentElement.scrollTop || document.body.scrollTop ...
分类：
Web程序 时间：
2017-12-08 18:20:17
阅读次数：
162
公共样式： 1.display：flex： 2.将元素设置为内联块再设置父元素的行高： 3.使用position定位： 4.给元素添加一个包裹层将元素设置为inline-block，包裹层设置为table-cell 5.还是使用position但是将top、left、right、bottom都设为0 ...
分类：
其他好文 时间：
2017-10-28 19:03:32
阅读次数：
179
恢复内容开始 1.文字垂直居中 即文字所在模块的高度和行高设置成一样的！ 2.块元素垂直居中与父元素 即父元素设置成相对定位，子元素设置成绝对定位，且子元素中top为50%，margin-top为-（负）height的一半。是一种比较经典的块元素居中法！ 3.块元素（容器）水平居中 即元素上下为0， ...
分类：
Web程序 时间：
2017-10-25 21:45:47
阅读次数：
177
下面介绍的方法主要是利用display:inline-block;让元素变为行内块元素，利用vertical-align:middle来实现垂直居中,利用父元素的text-align:center;实现水平居中。一、表格方法表格本来对立面的内容是垂直居中的，所以用表格来做很适合。但是它里面的内容是行 ...
分类：
其他好文 时间：
2017-09-25 13:21:29
阅读次数：
126
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style> 7 .center { 8 height: 500px; 9 background:# ...
分类：
其他好文 时间：
2017-09-12 09:56:54
阅读次数：
133
在相对的空间内，垂直居中。position: relative;top: 50%;transform: translateY(-50%); 无论内容怎么增加，全文都是垂直居中的。 ...
分类：
其他好文 时间：
2017-09-04 15:12:29
阅读次数：
157
一、行级元素水平居中对齐（父元素设置 text-align:center） <div style="width: 200px; height: 100px;border: 1px solid;text-align:center;"> <span>行级元素垂直居中</span> </div> 二、块级 ...
分类：
Web程序 时间：
2017-09-03 00:18:54
阅读次数：
213
关于css 的垂直居中有很多方法，但是uc 浏览器还真是一个移动端浏览器清流之中的泥石流！！ 最近在慕课网学习vue webApp 的制作，其中有一个是让元素内的文字与图标垂直居中 电脑端的chrome 和手机浏览器的默认浏览器打开都没有什么差异，唯独uc 浏览器打开会有一点点的偏移，心里很不舒服于 ...
分类：
移动开发 时间：
2017-08-09 12:49:33
阅读次数：
915
