html5 css 的 水平和垂直居中

水平居中比较好说，没什么幺蛾子。。。

margin: 0 auto;

垂直居中使用类似的写法就不可以,因为文档排版时候竖直方向的margin-top,margin-bottom会采用父级标签的宽度来计算。

此处第一种方法(需要提供偏移量的像素值):

利用css的calc()函数来实现,calc(50% -offset)，注意这里的运算符号（加减乘除）两边需要加空格，不加不生效，offset是偏移量，单位可以用像素px;(另外不要忘了父级元素的长度和宽度哦！)

eg.

第二种方案(不知道父级元素的偏移量，纯粹使用百分比，但是由于要计算百分比，需要给元素的父级元素加上高度)

eg.

第三种方案（我试了试，好像没有用）