首页前端开发HTML一个div在浏览器水平居中的实现方法

一个div在浏览器水平居中的实现方法

时间2024-01-24 05:40:49发布访客分类HTML浏览767
导读:收集整理的这篇文章主要介绍了一个div在浏览器水平居中的实现方法,觉得挺不错的,现在分享给大家,也给大家做个参考。 一个div在浏览器水平居中的实现方法 第一种方法:CSS Code复制内容到剪贴板 div { ...
收集整理的这篇文章主要介绍了一个div在浏览器水平居中的实现方法,觉得挺不错的,现在分享给大家,也给大家做个参考。

一个div在浏览器水平居中的实现方法

第一种方法:

CSS Code复制内容到剪贴板
  1. div {   
  2.    margin: 0 auto;   
  3.    width960px;   
  4.  }   

第二种方法(兼容IE):

CSS Code复制内容到剪贴板
  1. body {  text-aligncenter;  }   
  2.   
  3.   div {   
  4.     margin: 0 auto;   
  5.     width960px;   
  6.   }   

第三种方法(不推荐)

CSS Code复制内容到剪贴板
  1. div {   
  2.   posITionrelative;   
  3.   left: 50%;   
  4.   margin-left: -480px;   
  5.   width960px;   
  6. }   

以上就是小编为大家带来的一个div在浏览器水平居中的实现方法的全部内容了,希望大家喜欢哦~

如果大家想了解更多游戏活动与游戏攻略,请持续关注本站,本站小编将在第一时间为大家带来最好看、最好玩、最新鲜的游戏资讯。更多精彩内容,尽在jb51游戏频道!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

div浏览器

若转载请注明出处: 一个div在浏览器水平居中的实现方法
本文地址: https://pptw.com/jishu/585075.html
HTML5引入的新数组TypedArray介绍 html5播放视频且动态截图实现步骤与代码(支持safari其他未测试)

游客 回复需填写必要信息