方法一:利用弹性和模型
对块元素的父级设置:display:flex;justify-content: space-around;align-items:center;
方法二:利用定位:
对块元素的父级设置position:relative;
对块元素设置:position : absolute; left:0;right: 0; top:0;bottom: 0;
margin: auto;
方法三:利用定位(已知元素的尺寸)
对块元素的父级设置position:relative;
对块元素设置:position : absolute;left:50%;top:50%;
margin:-n 0 0 -n; (其中n代表块元素尺寸的一半)
块元素的居中问题
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 收听音频,戳链接,旧号itclan已暂停使用,欢迎关注微信itclanCoder公众号可收听更多音频 前言 关于网...