jquery - 如何使用 freetile.js 居中元素？

Question

尝试了一些 css 修复，但它似乎没有发生。很确定 freetile 脚本无论如何都会接管我的任何定位 css。

有人有想法吗？

http://jsfiddle.net/B35Hw/

编辑:text-align:center 似乎适用于 fiddle ，但我的网站却几乎完全一样! : http://elijahhoffman.com/test

我的 CSS(在 Jsfiddle 的上下文之外不会有帮助):

#container {position:absolute;top:77px;width:100%;left:0px;}
#container img {height:100px;width:auto;padding:10px;margin:14px;opacity:1;              
                cursor:default; background-color:#fff;}

Answer 1

添加 text-align: center; 到你的容器

在您的 #pcontainer img CSS 中，添加以下内容:

display: inline-block !important;
position: static !important;

这解决了我的问题。问题是每个图像都设置为 position: absolute，这导致 text-align: center 被忽略。