欢迎光临
我的个人博客网站

使长方形居中

闲来无事,随手一写

使用html/css代码简单的方法实现让长方体居中的方法。

1.绝对定位

使长方形居中

 

  这个方法使用position的方法,使div脱离了文档流,相对于父元素进行定位。

 

2.固定定位

使长方形居中

 

 这个方法使用position的方法,使div脱离了文档流,将其固定在固定的位置(与方法1类似,不过两者概念不一样,要分清)。不论窗口如何变化,始终在窗口的中心位置。

 

3.css样式

使长方形居中

 

 

 其实这个还是使用了弹性布局,只是我想用justify-content和align-items写写试试。而且这种方法改变了body整体的排布方式,并不推荐使用。

 

 

 

赞(0) 打赏
未经允许不得转载:张拓的天空 » 使长方形居中
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏