结构 样式 说明 第二个方法兼容 ie6 和 ie7，因为不支持 :after。 后续博文都会同步到博主的 github 上。 ...
分类：
Web程序 时间：
2017-08-12 10:12:49
阅读次数：
139
前两天在写左图右字，右图左字的时候，遇到了垂直居中的问题。才感觉垂直居中没有想象中的so easy。下面我分情况介绍一下: 方法一 可以设置父级显示方式为表格（display：table；），后代就可以使用表格属性(vertical-align:middle;)。 优点：content可以动态改变高 ...
分类：
Web程序 时间：
2017-08-09 19:14:18
阅读次数：
171
CSS垂直居中的11种实现方式 11种实现方式分别如下： 1. 使用绝对定位和负外边距对块级元素进行垂直居中 html代码： <div id="box"> <div id="child">我是测试DIV</div> </div> css代码： 复制代码 #box { width: 300px; he ...
分类：
Web程序 时间：
2017-07-01 09:56:03
阅读次数：
245
垂直居中常用方法总结: 一、div 在 div中居中 1. 绝对居中 margin: auto; 2. 绝对定位 position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); 或 margin: -width; 3 ...
分类：
Web程序 时间：
2017-06-27 00:04:22
阅读次数：
195
1、设置子元素： 2、设置子元素：(height必须是固定值) 3、设置子元素：（只适用于情况比较简单的单行文本） 4、box 布局 5、transform ...
分类：
Web程序 时间：
2017-06-07 21:05:48
阅读次数：
149
<!DOCTYPE HTML> <html> <head> <meta meta charset="utf-8"> <title>CSS垂直居中</title> <style type="text/css" media="all"> body{color:black;background-color ...
分类：
Web程序 时间：
2017-06-01 20:06:35
阅读次数：
177
今天端午节， 可苦逼的是还得加班，不过三倍工资，开心多了，第一次拿，想想心里似乎还有点小激动，好了，扯到为止，进入正题 今天偶然看到一个垂直居中的好方法，元素 未知高度，未知高度，未知高度（重要的话说三遍），采用 伪类 + vertical-align:middle 方式, 先上代码 父元素添加伪类 ...
分类：
Web程序 时间：
2017-05-30 16:11:18
阅读次数：
214
css垂直居中，css垂直居中一直以来都是一个被炒烂了的话题，正是因为在css2的时代没有官方标准的垂直居中方法，所以才会滋生出五花八门的实现方法。作者结合了实际运用，核心技术思想将各种各样的垂直居中方法浓缩成了5种方法，以便同学们学习和参考。 ...
分类：
Web程序 时间：
2017-05-22 22:13:10
阅读次数：
332
<div> </div> <style> div{ position: relative; width: 200px; height: 200px; top:50%; left: 50%; margin-top:-100px; margin-left:-100px; background: #CCC ...
分类：
Web程序 时间：
2017-05-07 10:16:48
阅读次数：
162
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <style> /*方法四*/ /* This parent can be any width and height */ .block { ...
分类：
Web程序 时间：
2017-04-25 16:54:02
阅读次数：
218
