如何在jQuery加载之前正确显示<li>？

Question

我有一个<li>列表，在jQuery滑块中显示几个专辑封面。但在页面加载之前，它们会变得混乱。我无法指定高度并设置溢出：由于某些相册名称而隐藏，这需要更高的高度。

使用的主要CSS是

.container {
background-color: #F9F9F9;
  margin-bottom: 15px;
  display: block;
  width: 72%;
  min-height: 315px;}

.container li{
   list-style-type: none;
    float:left;
    padding: 5px 12px;
    display: inline-block;
    position: relative;}

要查看其有效的网站是http://testes-hitsebeats.blogspot.com.br/

Answer 1

您最好在此处提供HTML代码。

尝试这种方法 您的UL容器

.container {
  background-color: #F9F9F9;
  margin-bottom: 15px;
  display: block;
  width: 72%;
  height: 315px; // Fixed Height
  overflow:hidden;}

Answer 2

首先，您应该为IDisposable提供固定宽度，然后添加.conteiner li以填充不要使box-sizing:border-box;的实际大小更大，最后您应该删除{{1}之间的所有空格元素

替换：

li

使用：

li

这是完整的课程

<li></li>
<li></li>