0

我有这样的CSS：

div.partnersheader{
    width:930px;
    height:27px;
    border-bottom:1px solid #030304;
    font-family:Bebas;
    color:#ffffff;
    font-size:15pt;
    padding:3px 0px 0px 10px;
}

div.partnerscontent{
    width:100%;
    height:127px;
    color:#ffffff;
    font-size:15pt;
    padding:3px 0px 0px 10px;
    overflow:hidden;
}

div.partnerscontent ul{
    list-style:none; margin:0px; padding:0px; overflow:hidden; width:100%;
}

div.partnerscontent li{
    float:left; margin-left:20px;
}

div.partnerscontent li img{
    filter: url(../sources/grayscale.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
     -moz-transition:all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

div.partnerscontent li img:hover{
    filter: none;
    -webkit-filter: grayscale(0);
}

html是

    <div class="partners">
            <div class="partnersheader">
                Partnerzy
            </div>
            <div class="partnerscontent">
                <ul>
                <marquee onMouseOver="this.stop()" onMouseOut="this.start()">

<li>
<a href="http://www.cs-kontener.pl" target=_blank><img src="images/ck.png" border="0"  /></a>
</li>

<li>
<a href="https://www.facebook.com/Zajeb.Basem?fref=ts" target=_blank><img src="images/zb.png" border="0"  /></a>
</li>

<li>
<a href="https://www.facebook.com/pompeczkamp3" target=_blank><img src="images/pmp3.png" /></a>
</li>

<li>
<a href="http://www.facebook.com/PozitiveSound" target=_blank><img src="images/pozitiw.png" /></a>
</li>

<li>
<a href="http://www.club-sound.pl/" target=_blank><img src="images/clubsound.png" /></a>
</li>               </marquee>
                </ul>
            </div>
        </div>

并且在合作伙伴内容中放置了具有选框效果的图像，我只能看到 3 个图像，其余的转到该 3 下的行，但我希望它们都在 1 行中，例如：

1 2 3 4 5 6 7

现在它就像

1 2 3

4 5 6

7 8 9

我认为它有宽度，但我找不到出路，有人可以帮忙吗？

4

1 回答 1

0

您需要将LIs 的宽度相加，然后UL相应地设置宽度（以像素为单位。100% 不是答案）。overflow:hidden如果您的列表比容器宽，则需要有 UL容器。

这是我最好的猜测，因为您还没有显示您的 HTML。

于 2012-12-18T17:28:06.800 回答