DIV垂直水平居中的方法

2025-05-09 22:42:23

1、纯css控制,设置层为浮动曾,适合做居中的登录页面 编写html文件,设置要居中的层id为center_div

2、编辑css,利用top与margin-top属性进行设置,虽然两者皆表示距离顶憧钏荭拜部的距离,不过top经常集合positon使用。当采用据对定位的时候top:200px表示图层距离浏鼙裸魅暹览器顶端200px。maring-top经常结合相对定位。

3、将css与编写的html结合起来,进行预览

4、通过js与css共同控制,来实现效果。编写js脚本代码,获取屏幕可用高度,设置居中层margin-top值

5、设置居中曾的margin:0 auto;让其水平居中,设置居中层的高度与宽度

6、将css文件与js文件整合到编辑好的html中,在浏览器中预览

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢