方法一 ：table、cell-table 思路：显示设置父元素为：table，子元素为：cell-table，这样就可以使用vertical-align: center，实现水平居中优点：父元素（parent）可以动态的改变高度（table元素的特性）缺点：IE8以下不支持 <!DOCTYPE h ...
分类：
Web程序 时间：
2018-09-11 01:09:04
阅读次数：
214
水平垂直居中 效果 html css 水平居中 改m-temp如下 垂直居中 效果 改m-temp如下 ...
分类：
其他好文 时间：
2018-09-06 14:48:31
阅读次数：
145
1.文字居中 文字水平居中: text-align: center； 文字垂直居中：height高度和line-height行高的值一样，文字就垂直居中 2.图片/ 块级元素居中 水平居中: width宽度 / margin: 0 auto(上下 左右); 垂直居中: 定位 ...
分类：
其他好文 时间：
2018-09-04 10:38:10
阅读次数：
148
水平居中的text-align:center 和 margin:0 auto 这两种方法都是用来水平居中的，前者是针对父元素进行设置而后者则是对子元素。他们起作用的首要条件是子元素必须没有被float影响，否则一切都是无用功。margin:0 auto 也可以被写成margin:0 auto 0 a ...
分类：
Web程序 时间：
2018-08-31 21:19:05
阅读次数：
187
居中：分位水平居中和水平垂直居中。 1.水平居中 使用外边距水平居中： margin：0 auto； 如果内部元素为inline-block；则只需设置其父元素的text-align：center； 2.水平垂直居中 使用定位水平垂直居中： position：absolute；left：50%；to ...
分类：
其他好文 时间：
2018-08-31 11:42:37
阅读次数：
153
css： align-items: center; 该样式配合display: flex;可以使子元素垂直居中 justify-content: center; 该样式配合display: flex;可以使子元素水平居中 vertical-align:; 垂直对齐方式 outline-style:; ...
分类：
其他好文 时间：
2018-08-30 19:57:06
阅读次数：
137
行高法（line height）： 如果要垂直居中的只有一行inline元素，只要让其行高（line height）和容器的高度(height)相同即可，比如： ① 它的父盒子是block. ? ② 如果是inline元素，它没有高度属性可以调整，只有水平居中，只能临时把它{display:inli ...
分类：
其他好文 时间：
2018-08-29 13:58:58
阅读次数：
140
// 加在父级div中垂直居中：align-items:center; display: -webkit-flex;水平居中：justify-content:center; display: -webkit-flex; 引用： https://zhidao.baidu.com/question/15 ...
分类：
其他好文 时间：
2018-08-28 10:30:51
阅读次数：
158
居中在前端布局上很常见，也很常用，也是最基本的技巧。居中效果在方向控制上基本可以分解成水平居中，垂直居中和水平垂直居中。 针对调整的元素不同，具体的处理方式上有些差异。这里我们先不讲绝对定位下的居中，绝对定位下的居中方法很多，变化也多。下面讲的都是非绝对定位下的方法，原则上有两个，一个是常用，另外一 ...
分类：
Web程序 时间：
2018-08-26 16:42:15
阅读次数：
202
以前总是被垂直居中的方法所困扰，今天来总结一下垂直居中的方法，增强记忆 div等块级元素居中 第一种方法，利用绝对定位居中（相对于父容器），就是要居中的元素相对父容器做一个绝对定位，要求块级元素的高度和宽度确定（水平居中则要求宽度确定），然后设置上下左右数值都为零，再设置外边距为自动就可以了，代码如 ...
分类：
Web程序 时间：
2018-08-20 14:36:01
阅读次数：
222
