ホームページ >ウェブフロントエンド >htmlチュートリアル >table_html/css_WEB-ITnose のコントロールの中央揃えに関する問題
コードは次のとおりです:
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 の垂直方向のセンタリングは無効です。助けてください~~
この属性vertical-align:middleをTDに追加してみてください
または80pxの高さをTDに設定してください
line-height:80pxも設定してください