码迷,mamicode.com
首页 > Web开发 > 详细

html+css水平居中和垂直居中

时间:2019-07-26 14:22:37      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:水平   justify   宽度   文本   左右   相对   line   items   设置   

水平居中 1.定宽。左右:margin:auto 2.弹性盒设置 justify—content:center 3.父元素设置 text-align:center 4相对定位元素 left:0;right:0;定宽:左右margin:auto 5.相对定位元素 margin-left:50%;transform:translateX(-50%)【margin,padding相对于包含块宽度的百分比】 垂直居中 1.line-height【单行文本垂直居中】 2.弹性盒设置 align-items:center 3.相对定位元素 top:0;bottom:0;定高:上下 margin:auto 4.相对定位元素,top:50%,transform:translateY(-50%) 相对元素水平垂直居中 position:relative; top:50% left:50% teansform:translate(-50%,-50%)

html+css水平居中和垂直居中

标签:水平   justify   宽度   文本   左右   相对   line   items   设置   

原文地址:https://www.cnblogs.com/dbda/p/11249950.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!