1

2 つの UL の位置に問題があります。2 つの UL が同じレベルであることを望みます。下の図でわかるように、最初の UL リストはずっと下にあり、2 番目のリストは一番上にあります。これをjsfiddleで再現できました。

リンク: http://jsfiddle.net/5krJU/

2 番目のリストに最初のリストよりも多くの li が含まれていることが問題であることがわかりましたが、修正できませんでした。

私の現在のcssは次のようになります：

#container {text-align: center; display:block;}
#container > ul { color:#776; display:inline-block; width:360px; list-style-type: none;}

そして私のhtmlは次のようになります:

<div id="container">
 <ul>
    <li>item</li>
    <li>item</li>
 </ul>
 <ul>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
 </ul>
</div>

これがその写真です： 私の問題

アップデート

答えがわかった。

解決策は、「vertical-align: top;」を追加することです。ウルズへ。

この質問を閉じてください。

ご不便をおかけして申し訳ありません。

4

2 に答える 2

1

これらはインライン ブロックであるため、垂直方向の配置を調整する必要があります。

http://jsfiddle.net/5krJU/1/

CSS

#container > ul {
  color:#776;
  display:inline-block;
  width:60px;
  list-style-type: none;
  vertical-align: top
}
于 2013-04-07T12:01:18.493 に答える