ホームページ > ウェブフロントエンド > htmlチュートリアル > line-height が ie8_html/css_WEB-ITnose で機能しないのはなぜですか

line-height が ie8_html/css_WEB-ITnose で機能しないのはなぜですか

WBOY
リリース: 2016-06-24 12:26:11
オリジナル
1334 人が閲覧しました

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>body {    font: 12px/24px Helvetica,Tahoma,Arial,sans-serif;    	margin: 0;    padding:0;}div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p {    margin: 0;    padding: 0;}img {    border: 0 none;   }*{	margin:0;	padding:0;	}li{    list-style:none;}.fl{	float:left;	display:inline;	}.fr{	float:right;	display:inline;	}a{    text-decoration:none;   color:#313131;}a:hover{    text-decoration:none;}.a_d{	height:22px;	padding:0 10px 0 5px;	border:1px solid #9dabb6;	border-radius:3px;	line-height:22px;	display:inline-block;	background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e7f0f9));	background:-moz-linear-gradient(top, #ffffff,#e7f0f9);	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#e7f0f9,grandientType=1);	margin:100px 100px;	}</style></head><body><a class="a_d" href="#">保存</a></body></html>在ie8下 line-height没有垂直居中是怎么回事啊
ログイン後にコピー


ディスカッションへの返信 (解決策)

line-height を設定する必要がある場合は、サイドラインを含めるだけで大​​丈夫です。横の線を含める必要があります。

いいえ、Firefox が設定されている場合、IE、Firefox、Google と互換性を持たせる方法はありますか? 互換性のある方法
line-height:24px
横の線の幅を数えます



line-heightは設定しなくても大丈夫です 設定する必要がある場合は横の線だけ含めてください

Firefoxで設定しないとダメです。互換性のないIE Firefoxはありますか? Google
line-height:24px

境界線の幅をカウントする Firefoxにはさらに2つ試しました。ピクセル





line-height は設定できませんが、設定する必要がある場合は境界線を含めるだけです

Firefox を設定しないと互換性がありません。 IE、Firefox、Google と互換性のある方法はありますか?
line-height: 24px
境界線の幅をカウントします

Firefox には互換性がありません

body {
font: 12px/24px sans-serif;
margin: 0;
}
フォントの問題のようです 最初のいくつかを削除してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート