欢迎光临散文网 会员登陆 & 注册

前端css八股文之让元素水平垂直居中

2021-06-06 20:04 作者:坏蛋Dan丶  | 我要投稿

这题不多说,没考到过才离谱


这里默认父元素是未知高低的,因此不使用确定数值定位


1. 使用flex(我个人最喜欢的方法)

关于flex布局的学习,这里建议可以看下黑马pink老师的视频,老师在B站也有号,但是好像不是他自己在运营。看文章的话推荐看下阮一峰大大的文章:【Flex 布局教程:语法篇 - 阮一峰的网络日志http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html


2. 使用行内元素

其中vertical-align属性建议百度下,这里面水太深,我把握不住~

链接:【vertical-align到底怎么用】https://www.jianshu.com/p/ce7e4a997a2c


3. 使用绝对定位



效果

效果图


不足之处麻烦指出,谢谢!

前端css八股文之让元素水平垂直居中的评论 (共 条)

分享到微博请遵守国家法律