有没有办法不用编写一堆 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/