博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
纯CSS垂直居中的四种解决方案
阅读量:5132 次
发布时间:2019-06-13

本文共 247 字,大约阅读时间需要 1 分钟。

总结了几种解决方法 但也不是说除了我说的就没有其他方法了

第一个、利用flex布局

代码:

效果:

第二个、利用transform 的 translate属性

代码:

效果:

第三个、使用伪类::after

代码:

补充第四个 直接利用margin:auto; 鉴定完毕很好用

 

效果:同上

如果各位大神还有其他的方法 

热烈欢迎 下面留言 先替广大莘莘学子谢谢你~

如需转载请注明出处 谢谢~!

转载于:https://www.cnblogs.com/WoAiZmm/p/8257239.html

你可能感兴趣的文章
How do you add?(递推)
查看>>
[super performSelector:sel]探秘
查看>>
最小生成树的算法
查看>>
lasso回归的原理
查看>>
一点对后缀自动机的理解 及模板
查看>>
EF架构学习第一章
查看>>
架构之美随笔四------最终用户应用架构
查看>>
小程序踩坑(三)-上拉加载和下拉刷新篇
查看>>
mysql backup
查看>>
《Pro Ogre 3D Programming》读书笔记 之 第十章 布告板与粒子 第二部分 (转)
查看>>
文件字符输入输出流
查看>>
sed——linux下对文本当控制操作(替换,追加)
查看>>
编程之美 set 7 求数组中的最长递增子序列
查看>>
vbscript获取本机的ip地址和mac地址
查看>>
int[]里数的个数怎么由输入决定?-----动态数组。
查看>>
什么是bypass(转载)
查看>>
Css-calc()翻车归纳
查看>>
Filter:过滤器
查看>>
Spring之WEB模块
查看>>
C#三种判断字符是否为汉字的方法
查看>>