jquery - 绝对居中 div 的优雅方式?

标签 jquery css html center

有没有办法不用编写一堆 css 和嵌套 div 或编写具有负宽度值的 jQuery 脚本?

如果不是,您首选的实现方式是什么?

我不知道为什么这么简单的任务不是 html 规范的一部分。

编辑:“绝对”也指垂直居中!对不起。另外:它应该适用于动态宽度(不想指定它们)。

我想要这样的东西:

<div class="ninja-center"></div>

div 出现在屏幕中央。这真的应该很容易。没有怪异的 css、脚本等。我的意思是它也可以像这样使用 2、3 或 4 种方式,只有水平居中:

  • 边距:自动
  • 文本对齐:居中
  • align="center" (过时的)
  • ...

为什么没有垂直对齐。

最佳答案

如果您的规范不简单,那么解决方案也不简单。如果您有一个简单的请求(一个 div,您希望它位于中心),您将获得一个简单的解决方案:只需在具有宽度的 div 上使用 margin:auto

就像这个随机的谷歌链接显示:http://bluerobot.com/web/css/center1.html

你想要的摘录:

width:500px;
margin:0px auto;

在@myheadhurts 的 jfiddle 评论中查看此操作:http://jsfiddle.net/8vjGA/

关于jquery - 绝对居中 div 的优雅方式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9974310/

相关文章:

javascript - 如何让 Xi JS x$ ('' ) 与现有的 jquery 代码一起工作 $ ('' )?

javascript - 最有效的滚动文本

javascript - jQuery 文件上传插件成功回调

javascript - 如何判断 JavaScript 和/或 jQuery 对象的类型

html - 中心 <div> 问题 HTML

javascript - 移动图像不能超出窗口 DOM

html - 在视口(viewport)和页面上都具有 100% 高度的 block

html - 编辑弹出窗口按钮

ruby-on-rails - 如何模拟与 capybara 共享地理定位?

javascript - 调用按钮单击功能时保持类 this