这篇文章的思绪来源于一个同样是从事IT行业的大牛人物，同样在用微信公众号推送技术文章，同样喜于分享，勤于积累，感兴趣的童鞋可以关注它的微信公众号：AndroidDeveloper，id：googdev（这里不是广告哦）。昨天看到他的一篇文章每天能写文章（博客、微信公众号）的人是怎么安排时间的？ 和自己的初衷是一样一样的，于是就有了这篇文章，也是为自己加油大气。

在html css 垂直居中（一） 中介绍了《css 揭秘》 中的垂直居中的方法，很显然在很多情况下是可以解决的，也是最好的解决方案，但是在某些特定的情况下还是要根据具体的情况而选择合适的方法，这篇同样介绍了一些垂直居中的方法，分享于大家兵记录。

随着国庆节的结束，我来万维也整一年了，从此真正的踏上了程序员的路，这一年来，总的来说，除了加班还是加班，苦逼的不要不要的。

踏入前端

来公司不久，就参加了公司的前端课题组，对于前端之前的认识只是 html + css + js ，2015年是前端发展的重要的一年，随着移动互联网的发展，用户体验变得比以往更重要，响应式页面设计（RWD ）也成为网站的必备特性，RWD 能让最终用户在不同尺寸的设备上访问网站，包括手机和平板浏览器。还有充满创意的布局方式，大图片的背景，文字各式各样的排版等都推进着前端的发展。对于设计响应式的页面，研究过一些，由于在实际工作中不怎么用到，也只是停留在入门阶段。下面是这一年来接触到的新技术和对前端的更深层次的认识。

下面是《css揭秘》一书中提出的方案，站在巨人的肩膀上，记录并分享给大家

对于水平居中的，如果是内联元素，在它父级元素上设置text-align:center;,如果是块级元素，可以使用margin:auto;来让其水平居中。然而垂直居中就没那么简单了，由于场景不同，它的解决方案也多种多样。

首次搭建，也花了不少时间，这是一个测试的文章，

测试代码

1
2
3
4
5
6

var test = 'test';
console.log(test); // test

function fun(test){
    console.log(test); // test
}