图片水平垂直居中对齐的四种做法

本文分享几种通用的前端开发中图片垂直水平居中对齐的做法,大部分适用在高级浏览器,可以应用在移动端,有绝对定位、flexbox、table-cell和增加一个空白标签。

移动端CSS3垂直居中对齐

在移动前端制作中,很多新的CSS3特性能够帮助我们更好的制作。例如这个垂直水平居中问题,就有一个简单的代码可以解决:利用CSS3的translate

CSS多行文字垂直居中的两种方法

一种使用相对定位和绝对定位,一种添加了一个空白的标签进来,推荐使用第二种,兼容性比较好,并且代码简单

CSS图片垂直居中最简单的方法推荐

使用CSS实现图片垂直居中,本文提供三种方法实现CSS图片居中,其中第一种加一个标签的方法是我推荐的,代码简洁,兼容性比较好,其他的hack可能会存在问题,不建议使用。如果你对图片实现居中有更好的方法,也请告知我们。