1

サブメニューを含むメニューを作成しました。各liについて、パディングを使用して幅を指定し、テキストをliの中央に揃えました。これは、同僚が提案したように、jsfiddle.net/p7Nsf/4/で作成されたフィドルです。

しかし、980px を満たすように、各 li 要素を 980px に分割する必要があったため、li アイテムに幅を使用しました。私の質問は、テキストをメイン メニューとサブ メニューの li 要素の中央に配置し、サブ メニューの高さと幅自体が変わりました。ここに更新されたフィドルがあります jsfiddle.net/p7Nsf/5/

4

1 に答える 1

2

を追加するだけline-heightです。

ここでjsFiddleを更新しました

追加した：

.menu ul li a {
    line-height: 30px;
}

更新された CSS:

.menu ul li a {
    display: block;
    width: 121px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    text-decoration: none;
}

ドロップダウンの問題を修正するために、次を追加しました。

.menu ul ul li a {
    height: 35px;
    color: #000;
    display: block;
    width: 200px;
    text-align: left;
    padding-left: 10px;
}

幅と set を指定し、text-align:leftパディングを追加しました。

于 2013-09-26T18:44:51.490 に答える