0

ボタンを表示するために、すべてのショップ要素に<li>を使用します。しかし、すべての<li>は改行で始まるので、float：leftを使用してこれを回避します。

html：

<div id="main" >    
    <li><div id="block"><img src="blabla"></div></li>
    <li><div id="block"><img src="blabla"></div></li>
    <li><div id="block"><img src="blabla"></div></li>
    <li><div id="block"><img src="blabla"></div></li>
    <li><div id="block"><img src="blabla"></div></li>
</div>

css：

#main{
    margin: 0px auto;
    width:940px;
    }


#block {
    height:286px;
    width:312px;
    white-space: nowrap;
    vertical-align:middle;
    display:table-cell;
    overflow: hidden;
    border-collapse: collapse;
    }

li {
        list-style-type:none;
        vertical-align:top;
        float:left;
        white-space: nowrap;
        width:313px;
        }

しかし

私は持っていますここに画像の説明を入力してください

私は欲しい：ここに画像の説明を入力してください

4

2 に答える 2

2

#main overflow:auto を指定し、LI 要素を UL タグで囲みます。

また、同じ ID を複数回使用してはいけません。このように使用する場合は、ID の代わりにクラスを使用する必要があります。ID は、ページごとに 1 回だけ使用できる一意のタグです。

于 2012-08-17T14:34:04.947 に答える
1

最初にコードを検証してみてください。あなたの html コードはまったく有効ではありません。すべての<li>内部<ul>...</ul>タグを挿入してください。を使用しないでくださいsame id for multiple times。使用できますclass instead of that at multiple of times.

于 2012-08-17T14:44:41.767 に答える