Wookmark插件偏移和重叠

我正在使用Wookmark插件，这非常棒。但是，在Chrome和Safari中观看时，最后一项与其他项中的其中一项重叠。奇怪的是当我点击CMD + R它重叠时，但是当标记URL并按下ENTER时它不会重叠。在Firefox中观看时，它永远不会重叠，一切都很好。Wookmark插件偏移和重叠

其次是当使用偏移量时，它将应用全部像素水平但不垂直。所以我必须添加一个填充底部的项目。

代码

$('.post').wookmark({ 
    container: $('.grid'), 
    autoResize: true, 
    align: 'left', 
    itemWidth: 365, 
    offset: 15 
});

HTML

<div class="post" data-id=""> 

    <div class="post-content rounded-top"> 
     <header> 
      <img class="post-profile-pic rounded" src="<?php ROOT ?>graphic/profile/mette.jpg"> 
      <div class="post-author-name">Mette-Line Laurvig Nielsen</div> 
      <div class="post-stamp">2<?php $print->output('h'); ?> ago</div> 
     </header> 
     <article>Let's turn up the music! I am very nervous that this won't work in the end. What do you guys think? Please tell me the truth :) And a lot of nervousity.</article> 
     <div class="post-details"> 
      <span class="post-like"><?php $print->output('like'); ?> &nbsp;·&nbsp;</span> 
      <span class="post-likes"><i>3</i> <?php $print->output('likes'); ?></span> 
      <span class="post-comments-count"><i>17</i> <?php $print->output('comments'); ?></span> 
     </div><!-- .post-details --> 
    </div><!-- .post-content --> 

    <div class="comment-wrap post-comments rounded-top"> 
    </div><!-- .post-comments --> 

    <div class="comment-wrap post-write-comment rounded-bottom"> 
     <form method="post"> 
      <textarea class="rounded-bottom" type="text" name="" placeholder="<?php $print->output('write your comment...'); ?>"></textarea> 
     </form> 
    </div><!-- .post-write-comment --> 

</div><!-- .post -->

截图：Screenshot

来源

2013-08-19 skolind

添加一些代码并更新您的问题 –

您可以1）发布问题的屏幕截图，以及2）将代码粘贴到问题中？ –

当然。几分钟后挂断。 – skolind

，我发现自己的答案。

看起来像你必须给图像特定的高度和宽度在img属性。偏移问题是由于我给出的itemWidth中的值不正确，我很抱歉。

来源

2013-08-19 07:52:13 skolind

Wookmark插件偏移和重叠

回答

相关问题