0

リストを次のように使用します。

<ul id="scroller">
    <li><img src="../static/image/brand1.png" title="brand title"></li>
    .....
</ul>

そしてcssプロパティ付き;

    ul#scroller li {
        list-style: none;
        display: inline;
    }

    ul#scroller li img{
        margin-left: 75px;
        float:left;
    }

    ul#scroller {
        overflow: scroll;
    }

そして、この定義の直前に YUI CSS がリセットされます。

問題は; 水平スクロールの代わりに、私のリスト項目は改行です。

平和

4

2 に答える 2

1

「空白:nowrap;」を追加できます。ul#scroller 要素に。

http://jsfiddle.net/YMDCw/7/

ul#scroller{
    white-space:nowrap;
}
ul#scroller li {
    list-style: none;
    display: inline;
}

ul#scroller li img{
    margin-left: 75px;
}

ul#scroller {
    overflow: scroll;
}
​
于 2012-04-07T22:24:35.603 に答える
0

このようなcssが欲しいと思いますか？

ul {
    height: 150px;
    width: 300px;
    overflow: auto;
    overflow-y: hidden !important;
    overflow-x: scroll !important;
}

li {
    list-style: none;
    min-width: 800px;
}

img {
    list-style: none;
    display: inline-block;
    float: left !important;
}
于 2012-04-07T22:38:11.640 に答える