css水平垂直居中几种方法整理

2020-03-21  本文已影响0人  南山码僧

都是老鸟,一看就明白,直接上代码!

方法一:

注意:这种有个弊端,就是必须知道被居中对象的宽高。在不知道宽高的情况请看方法二。

方法二:

方法三:

弹性盒子,display: flex;

方法四:

方法五:

方法六:

vertical-align: middle; 内联元素的基线相对于其父元素的基线垂直居中;

效果像下边这个样子

方法七:

利用table的特性

效果像下边这个样子

上一篇 下一篇

猜你喜欢

热点阅读