javaee论坛

普通会员

225648

帖子

335

回复

349

积分

楼主
发表于 2019-10-30 18:28:48 | 查看: 121 | 回复: 1

水平居中方法:

1.inline,inline-block元素的水平居中,在父级块级元素中设置text-align:center;

 

2.确定宽度的块级元素水平居中方法

margin:0auto;

 

 

绝对定位和margin-left:-(width/2)实现水平居中:

 

绝对定位+margin:0auto+left:0right:0bottom:0top:0

 

3.位置宽度的块级元素居中方法:

display:inline-block设置text-align:center;

 

flex布局实现居中

 

 

垂直居中实现方法:

1.固定高度实现垂直居中

height+line-height

 

绝对定位+margin-top赋值

 

2.高度自适应实现垂直居中:

flex布局:

 

 

“我们相信人人都可以成为一个工程师,现在开始,找个师兄,带你入门,学习的路上不再迷茫。"

技能树.IT修真院


普通会员

0

帖子

315

回复

333

积分
沙发
发表于 2024-03-28 10:14:59

看看

您需要登录后才可以回帖 登录 | 立即注册

触屏版| 电脑版

技术支持 历史网 V2.0 © 2016-2017