HTML 一个div在浏览器页面中居中

  • Post author:
  • Post category:其他




HTML 一个div在浏览器页面中居中



第一种方法:(纯css实现)



总的来说,就是绝对定位,设置宽高,top和left设为50%,margin设为:上为高度一半,左为宽度一半。


即使缩放浏览器窗口也能保证div居中


代码:
在这里插入图片描述

效果:

在这里插入图片描述



第二种方法


:(纯CSS实现)


即使缩放浏览器窗口也能保证div居中


在这里插入图片描述


效果图:


在这里插入图片描述



版权声明:本文为qq_45830543原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。