jquery - 如何使用 CSS 或 jquery 将网页内容居中放置在 body 标签内?

标签 jquery css

我知道这听起来很奇怪,但我遇到了这个问题,我无法将 <body> 中的元素居中。标签。我已经用过 margin: 0px auto;但仍然没有任何效果。有没有一种方法可以通过使用 jquery 来实现?谢谢

这是我的 .css 文件中的代码

body {
margin: 0px auto !important;
background:#FFFFFF;
font-family:Arial;
font-size:12px;
}

最佳答案

在要居中的元素上设置margin: 0px auto;

例子:

  body{
      width: 100%;
  }

  .aDiv {
     width: 200px;
     height: 200px;
     margin: 0 auto;
  }

SEE DEMO

已编辑:

正如 OP 在他的评论中所说的那样;

He want to center all the elements inside the body.

所以我建议在所有要居中的元素上设置 margin: 0px auto;

SEE EXAMPLE

关于jquery - 如何使用 CSS 或 jquery 将网页内容居中放置在 body 标签内?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11773472/

相关文章:

javascript - svg 的文本和边框就像一个元素

javascript - 如何使 Surface 大小适合文本内容

javascript - jQuery 无法正确解析相对 URL

jquery - 试图将 css 应用于 html 表并忽略我的 th

javascript - jQuery Guillotine 插件 - 在哪里设置高度和宽度

JQuery 响应式菜单全宽

html - 非响应页面的视口(viewport)?

html - CSS a block 在被 ul、li、/li 标签包围时向右移动

javascript - 是否有预先发送的 Javascript promise ?

javascript - jQuery - 获取父div的 friend div中的元素