Question

我有这样的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>

并且在partnerscontent li中放置了具有选框效果的图像，我只能看到3张图像并且休息在该3下面排成一行，但我希望它们都在一行中，如：

1 2 3 4 5 6 7

现在就像

1 2 3

4 5 6

7 8 9

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

Answer 1

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

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

带有选框元素的div的css宽度有些麻烦

1 个答案: