1.已经大小的元素在浏览器可视窗口中水平垂直居中
代码

效果:

2、未知大小的元素在浏览器可视窗口中水平垂直居中
代码

效果:

3、已知大小的元素在父元素中水平垂直居中
代码

效果:

4丶未知大小的元素在父元素中水平垂直居中方法1;
代码:

效果:

5丶未知大小的元素在父元素中水平垂直居中方法2;
代码:

效果:

代码
效果:
代码
效果:
代码
效果:
代码:
效果:
代码:
效果:
本文标题:元素水平垂直居中
本文链接:https://www.haomeiwen.com/subject/fkzosctx.html
网友评论