前言 两年前工作时开的博客，一年前写了两篇博文，然后就到了现在才重拾起笔。原因有二，一是自觉技术不足，二曰懒。 　　最近由于在项目中遇到需求为拖动列可调整列顺序的表格，最后找到一款基于JQuery ...

Using Flexbox to set vertical centre easily 当我们用CSS设置HTML页面布局的时候，经常会遇到需要将若干Elements水平或者垂直对齐的情况。 对我来说，水平对齐还比较容易处理，但是垂直对齐，尤其是在浮动float布局上将同一行的不同高度的元素 ...

比如一个div 需设置height的高度和line-height一样。 <div style="height:30px;line-height:30px;"&g ...

2 已经知道块元素的高宽垂直方案 3 <!--已知高度的元素水平垂直居中方案--> <!-- 绝对定位盒子的特性 高宽有内容撑开 水平方向上： left + right + width + padding + margin ...

.parent{ justify:center; align-items:center; display:-webkit-flex } ...

...

　　经典的css布局有以下几种，下面分别用不同的方法进行实现且进行对比。 一、水平居中 　　水平居中布局指的是当前元素在父级元素的容器中，水平方向上显示的是居中的，有以下几种方式来完成布局： 　　1、margin:0 auto; text-align:center实现水平居中 ...

...