在html中調整表格td的內容

我這樣創建表格。在html中調整表格td的內容

<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-座標網格」正是中心的內容。我使用各種代碼，但它不完全符合「示例編程html」的中心。任何人都可以幫助解決這個問題。

來源

2012-07-10 Dineshkani

這個問題與JavaScript或HTML5有什麼關係？ – j08691 2012-07-10 15:30:29

是你在找什麼：http://jsfiddle.net/nnLQ9/？ – 2012-07-10 15:33:44

如果第一個和第三個「td」單元格的寬度不同（相距「50px」），是不是不可能將中央列的內容完全放在中央？ – FlyingMolga 2012-07-10 15:38:34

您的td單元格寬度不同，如果您想自己調整文本對齊方式，則可以使用左側或右側填充css屬性。

<div id="head2" style="padding-left:250px..../>

來源

2012-07-10 15:43:26

只要從行中刪除colspan =「3」，它就會得到alligned。

<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-10 15:53:54 Dineshkani

在html中調整表格td的內容

回答

相關問題