头闻号

高晓玲

眼线笔、眼线液|粉底|睫毛膏|其他彩妆化学品|其他皮肤用化学品|其他个人护理用具

首页 > 新闻中心 > 科技常识:css三种方法实现div在浏览器水平居中
科技常识:css三种方法实现div在浏览器水平居中
发布时间:2024-11-26 08:29:04        浏览次数:5        返回列表

今天小编跟大家讲解下有关css三种方法实现div在浏览器水平居中 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css三种方法实现div在浏览器水平居中 的相关资料,希望小伙伴们看了有所帮助。

本文教大家如何实现一个div在浏览器水平居中,下面是三种解决方法,具体内容如下

第一种方法:

CSS Code复制内容到剪贴板 div{ margin:0auto; width:960px; }

第二种方法(兼容IE):

CSS Code复制内容到剪贴板 body{text-align:center;} div{ margin:0auto; width:960px; }

第三种方法(不推荐):

CSS Code复制内容到剪贴板 div{ position:relative; left:50%; margin-left:-480px; width:960px; }

以上就是本文的全部内容,希望对大家学习CSS样式有所帮助。

来源:爱蒂网