Div在浏览器中居中显示【HTML】

web前端|html教程

Div在浏览器中居中显示

web前端-html教程

各位大虾，请问怎样让DIV在浏览器居中显示？如果设他的边距的话，换个尺寸的显示器就有不一样了，谢谢了！！！

okhttp3源码下载,vscode跳转函数调用,ubuntu和深度,tomcat出错内存,sqlite3并发读写,is工会插件,微信小程序使用的前端框架,爬虫几乎都会进监狱吗,php 单入口,seo深度解析书籍,帝国网站增加流量,怎么下载网页代码,app首次引导页面模板lzw

回复讨论(解决方案)

apple pay 源码,1535ac ubuntu,修改tomcat管理员密码,去除室内爬虫,湖州php网站开发,厦门seo优lzw

设置CSS:

拍购源码,vscode前端必备插件,ubuntu 查找,Tomcat启动失败,sqlite3 函数,网页设计师ui,discuz 数据库 在哪里,asp服务器环境搭建,ecshop推荐人列表插件,前端框架的作用,股票爬虫,php上传文件,seo优化软件,springboot和springmvc区别,代替手动修改网站模板标签,易语言表白网站源码,html5加载网页动画,phpwind 手机模板,后台管理界面设计时宽度为多少,微信返回页面代码实现,php电子图书管理系统,返利网多级返利程序lzw

div{

margin-left:auto;

margin-right:auto;

}

这个需要动态设置Div的位置

如上，你的Div的样式需要设置为这个，但top和left是需要动态计算的。

问题点就是要动态的获取浏览器窗口的尺寸。于是解决办法如下：

var setDivCenter = function(divId){var oDiv = document.getElementById(divId);oDiv.style.position = "absolute";oDiv.style.top = (document.body.offsetHeight - 150) / 2 + "px";//这个150是div的高度oDiv.style.left = (document.body.offsetWidth - 200) / 2 + "px";//这个200是div的宽度};

我在浏览器的中间

刚刚写的，已经通过测试~~

非常感谢！！！！！！

我要看看怎么解决

看看是怎么解决的

2楼给力