ホームページ > 記事 > ウェブフロントエンド > Chrome で li のテキストを垂直方向の中央揃えにできないのはなぜですか? _html/css_WEB-ITnose
IE では通常の垂直居中で可能ですが、chrome では実行できません
CSS 部分:
#logo {
height:180px;
背景画像: url(logo.gif);
フロート: なし;
/*位置: 相対;*/
パディング:0px;
マージン:0px 自動;
/*margin-bottom:0px;*/
/*background-color: #369;*/
}
.header .nav-bar{
height: 33px;
背景色: #F90;
オーバーフロー:非表示;
}
.header .nav-site{
height:38px;
}
.header .nav-site li{
float:left;
}
.header .nav-site li a{
display: block;
高さ: 38ピクセル;
幅: 100ピクセル;
行の高さ: 33px;
色: #fff;
フォントサイズ: 1.2em;
フォントの太さ: 太字;
text-align: 中央;
テキスト装飾: なし。
}
HTML部分:
不知道は我才疏学浅还は主学艺不精?肯定的には 5px;overf:hidden;demove され、その後コンテナの高さが下の内容よりも大きくなります
が転送される場合は可能ですが、overflow:hidden去掉,在chrome下,上下两个div之间会有一条缝スロット,而我要上下div之间无缝
引用 1 楼 的回复:
不知道是我才疏学浅还是楼主学艺不精??? 転送された div コンテナの高さは 33 ピクセル、背面の ul の高さは 38 ピクセル、自己計算。
按你所信の确实は可能ですが、結果的にoverflow:hidden去掉、chrome下で、上下2divの間に一条のスロットがあります、しかし私は上下divの間の间なしを必要とします
bu ji 不就一个div吗???哪里来2个?