0

こんな感じでテーブルを作っています。

<table border="1">
            <tr>
                <td width="250px" rowspan="2"><input type="image" src="dash.jpg"  name="image" style=width:50% height="100"> </td>
                <td width="1100px" align="center" valign ="top"><div id="head1" style="font-size: 55px;letter-spacing:3px">Sample programming html</div></td>
                <td width="300px" align="center" valign ="top"><span id="subhead1" style="font-size: 25px;letter-spacing:3px">Chap: <label id = "l1"  style = "color:white;font:normal 22px chalkdust;">1</label></span><br>
                    <span id="subhead2" style="font-size: 30px;letter-spacing:3px"> <input type="text" id="text2" disabled="disabled" value="0" style= "color: #fff; font-size: 18pt;"/> -  POINT</span>
                </td>
            </tr>
            <tr>
                <td  colspan="3" align="center" style="position: relative;" valign ="top">
                    <div id="head2" style="font-size: 25px;letter-spacing:4px">1-COORDINATE GRID</div></td>
            </tr>
            <tr><td colspan="3" align="center"><hr id="line" color="#fff" size="2" width="75%"></td></tr>
        </table>

コンテンツ「Sample programming html」を中央に配置し、「1-COORDINATE GRID」をコンテンツの中央に配置します。いろいろなコードを使っていますが、「サンプルプログラミングhtml」の中心にぴったりとはいきません。誰でもこれを手伝って問題を解決できますか。

4

2 に答える 2

0

あなたのtdセルは幅が異なります。テキストの配置を自分で調整したい場合は、左または右のパディングcssプロパティを使用できます。

<div id="head2" style="padding-left:250px..../>
于 2012-07-10T15:43:26.473 に答える
0

行から colspan="3" を削除するだけで、整列されます。

<tr>
            <td  align="center" style="position: relative;" valign ="top">
                <div id="head2" style="font-size: 25px;letter-spacing:4px">1-COORDINATE GRID</div></td>
</tr>
于 2012-07-10T15:53:54.070 に答える