所有不定宽高垂直居中

原创 随风AI 随笔 历程 252阅读 2017-05-04 18:09:48 举报

1.margin:auto实现 (张鑫旭)

css 代码

2.flex
css 代码

3.利用table-cell
css 代码

4.使用CSS3 transform
css 代码

以上所有代码都用到了position,在移动端都可能出现模糊的情况(撸多了,雾~),最终解决方案

  1. :after + vertical-align (vucc)
    css 代码

方案由vertical-align实现,有可能被img元素影响,请自己debugg,并且有时候子级的width有奇怪的现象,自己去发现吧。强大但需要驾驭。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复