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>

我希望内容“示例编程 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 回答