如何使用freetile.js居中元素?

时间:2014-02-04 16:14:07

标签: jquery css jquery-plugins

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

想点什么?

http://jsfiddle.net/B35Hw/

编辑:text-align:center似乎适用于小提琴,但不是我的网站几乎完全一样! :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;}

2 个答案:

答案 0 :(得分:0)

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

#pcontainer img css中,添加以下内容:

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

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

答案 1 :(得分:0)

在我的情况下text-align: center;不起作用,这就是我使用margin的原因:

#container {
margin: 0 auto;
width: 1000px;
}