同位素图像从元素的中心开始

时间:2013-10-23 16:22:53

标签: html5 css3 jquery-isotope

我正在使用isotope.metafizzy.co中的Isotope工作。

文字工作正常,居中并完全显示。

BUG:在我正在放置图像的Tiles上,图像从50%开始。即使元素很小,或宽度为2,或点击宽度。它始终从元素的右侧开始。

知道我做错了吗?

当前示例:http://warpwars.net/Team/DanVioletSagmiller

当前元素代码(开头的一小部分):

<div id="container" class="clickable variable-sizes clearfix isotope">
    <div class="element justMe width2 height2 isotope-item " data-symbol="Dan Violet Sagmiller" data-category="halogen">
        Photo<br />
        <img src="/Content/dvs/DanVioletSagmiller.png" width="556" height="736" />
    </div>
    <div class="element majorProj " data-symbol="Teams RPG" data-category="post-transition">
        Teams RPG
    </div>

我一直在使用Chrome的检查器来查看影响图像的CSS,我找不到任何似乎暗示图像应该在中间的内容。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

将图像直接添加到元素的根部不起作用。但是,将图像包装在另一个div标签中可以很好地工作。