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

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

第一种方法:(纯css实现)
总的来说,就是绝对定位,设置宽高,top和left设为50%,margin设为:上为高度一半,左为宽度一半。

即使缩放浏览器窗口也能保证div居中
代码:HTML 一个div在浏览器页面中居中_第1张图片
效果:
HTML 一个div在浏览器页面中居中_第2张图片
第二种方法:(纯CSS实现)
即使缩放浏览器窗口也能保证div居中
HTML 一个div在浏览器页面中居中_第3张图片
效果图:
HTML 一个div在浏览器页面中居中_第4张图片

你可能感兴趣的:(HTML,html)