ホームページ > 記事 > ウェブフロントエンド > Chrome で li のテキストを垂直方向の中央揃えにできないのはなぜですか? _html/css_WEB-ITnose
Chrome で li のテキストを垂直方向の中央揃えにできないのはなぜですか? _html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:13:09907ブラウズ
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部分：
返し论论(解決案)
不知道は我才学浅く主学楼不精???你的div容器高さ33px；里面のul高さ38px；自己計算。隐藏掉5px；overf：hidden；去掉、その後容器の高さが里面の内容より大きく変更されました
不知道は我才疏学浅还は主学艺不精？肯定的には 5px;overf:hidden;demove され、その後コンテナの高さが下の内容よりも大きくなります
が転送される場合は可能ですが、overflow:hidden去掉，在chrome下，上下两个div之间会有一条缝スロット，而我要上下div之间无缝
引用 1 楼 的回复:
不知道是我才疏学浅还是楼主学艺不精？？？ 転送された div コンテナの高さは 33 ピクセル、背面の ul の高さは 38 ピクセル、自己計算。
按你所信の确实は可能ですが、結果的にoverflow:hidden去掉、chrome下で、上下2divの間に一条のスロットがあります、しかし私は上下divの間の间なしを必要とします
bu ji 不就一个div吗???哪里来2个?