ホームページ >ウェブフロントエンド >htmlチュートリアル >table_html/css_WEB-ITnose のコントロールの中央揃えに関する問題

table_html/css_WEB-ITnose のコントロールの中央揃えに関する問題

WBOY
WBOYオリジナル
2016-06-24 11:48:231196ブラウズ

コードは次のとおりです:
rrree


実行時の効果は次のとおりです: 図 1 に示すように、



望ましい効果は図 2 に示すとおりです


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

set line-height, mar gin:auto auto
試してみてください

			<table style="width:95%;border-collapse: collapse;border: 1px solid black;text-align:center">				<tr style="height:20px">					<td style="width:5%;border: 1px solid black;"></td>					<td style="width:65%;border: 1px solid black;"><j:Message msgId="PE10.Objectives_Responsibilities"/></td>					<td style="width:30%;border: 1px solid black;"><j:Message msgId="PE10.Percentage_of_time_to_be_spent"/></td>				</tr>				<tr style="height:80px;">					<td style="width:5%;border: 1px solid black;">1</td>					<td style="width:65%;border: 1px solid black;"></td>					<td style="width:30%;border: 1px solid black;"><j:TextBox name="percentOne" id="percentOne" width="20px"></j:TextBox>%</td>				</tr>			</table>

td{vertical-align:center;}

コードは上記の通りですが、td の垂直方向のセンタリングが無効です、助けてください~~

コードは上記の通りですが、 TD の垂直方向のセンタリングは無効です。助けてください~~


IE9 はセンタリングできます。

この属性vertical-align:middleをTDに追加してみてください
または80pxの高さをTDに設定してください
line-height:80pxも設定してください

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。