如何在流沙中插入物品jQuery插件

我的问题是，在某些屏幕分辨率下，列表项不在中心，而<ul>居中。
有谁知道解决方案？
谢谢！如何在流沙中插入物品jQuery插件

HTML：

<ul class="news-grid"> 
    <li></li> 
    <li></li> 
</ul>

脚本：

$(function() { 
    $('#buttons a').click(function(e) { 
     $.get($(this).attr('href'), function(data) { 
      $('.news-grid').quicksand($(data).find('li'), {adjustHeight: 'dynamic'}); 
     }); 
     e.preventDefault(); 
    }); 
});

CSS：

.news-grid { 
    overflow: hidden; 
    margin: 0px; 
    padding-left: 0px; 
    width: 100%; 
    line-height: 1.4em; 
} 

.news-grid:after { 
    content: ""; 
    display: block; 
    height: 0; 
    overflow: hidden; 
    clear: both; 
} 

.news-grid li { 
    display: block; 
    float: left; 
    width: 217px; 
    text-align: left; 
    line-height: 17px; 
    color: #686f74; 
    height: 268px; 
    overflow: hidden; 
    background: url(../images/item_png8.png) no-repeat top left; 
    margin: 0px 0px 20px 30px; 
}

来源

2010-06-04 Nikos

你可以很容易地通过使用这个css（假设你有一个清除ul/li的边距，填充和列表样式的重置）来做到这一点。通过将显示设置为内联并且不设置宽度，每个li将以ul text-align: center为中心，并且由于右边距应相对均匀地放置。

#news-grid 
{ 
    overflow: hidden; 
    text-align: center; 
    width: 100%; 
    /* whatever other specific styles you want */ 
} 

#news-grid li 
{ 
    display: inline; 
    margin-right: 2%; 
    /* whatever other specific styles you want */ 
}

来源

2010-06-04 17:01:01 ryanulit

我试过你的解决方案，但如果我不设置宽度李元素每个元素需要整个ul的宽度... – Nikos 2010-06-04 23:19:56

最后我重新考虑你的解决方案，我想通过，如果我设置一个固定宽度的李并设置显示：内联表我终于得到了我期待的！ – Nikos 2010-06-06 22:26:41

我，当涉及到HTML和CSS的专家，但我想你可以开始检查以下几点：

在您的代码之前是否有任何ResetCss表单被称为？
这个显示器给你什么浏览器？
您是否尝试过“margin：auto;”在的“李”类定义？

来源

2010-06-04 13:06:16 MaxouMask

这不是一个CSS问题，因为特定的脚本计算可用宽度并显示为项目可以适合的。例如，如果可用宽度为800px，每个项目为200px，则脚本每行显示4个项目，但如果每个项目都是210px，则显示3个项目，并且170px右侧有空白区域。我想要做的是把这3件物品居中放置。 – Nikos 2010-06-04 13:13:26

您可以添加完整的html，以便我们可以更好地展示它的外观？ – ryanulit 2010-06-04 16:52:48

我上传了http://sportfeed.nikosk.com/ 谢谢！ – Nikos 2010-06-04 23:09:50

如何在流沙中插入物品jQuery插件

回答

相关问题