HTML TR和TD對齊

-1

這就是我所做的，但是我未能使對齊與下一張圖片相同。希望有人能幫忙。

<tr> 
    <td >&nbsp;</td> 
    <td ><b>Type Description</b></td> 
    <td align="Center"><b>:</b></td> 
    <td colspan="3"><input name="txtCAEMGE" value="<%=server.HTMLEncode(StrCAEMDE)%>" type="text" class="NormalInputTextField" size="30" > 
    &nbsp;<input name="chkHR" type="checkbox"> Tick for disable update from HR system 
    </td> 
</tr> 

<tr> 
    <td >&nbsp;</td> 
    <td >&nbsp;</td> 
    <td colspan="3">&nbsp; 
    <input name="chkHR2" type="checkbox"> Tick for disable update from HR system 
    </td> 
</tr>

來源

2015-11-26 Jan

嘗試將style =「display：block」設置爲第二個'td'，然後將其放下。 –

你可以顯示你的結果代碼（根據下面的圖片） –

@JinuKurian hi..can你告訴我我的原代碼..我試過但沒有工作.. – Jan

我將實驗把兩個複選框單個容器（例如DIV）的內部。如果你想將它們定位爲一個單獨的實體，那麼如果它們以這種方式在DOM中組織，它將會更容易。

例如

<body> 
    <table> 
     <tr> 
      <td><b>Type Description</b></td> 
      <td align="Center"><b>:</b></td> 
      <td> 
       <input type="text" value="test value" size="30" >&nbsp; 
       <div style="display: inline-block;"> 
        <div style="display: block;"><input name="chkHR" type="checkbox"> Tick for disable update from HR system</div> 
        <div style="display: block;"><input name="chkHR2" type="checkbox"> Tick for disable update from HR system</div> 
       </div> 
      </td> 
     </tr> 
    </table> 
</body>

來源

2015-11-26 06:52:53

嗨..感謝您的答覆..可以讓我看看我的原代碼..我試過但不工作.. – Jan

我認爲你會需要在我提到的容器上顯示「inline-block」（https://jsfiddle.net/2jehk7he/）。 –

我將我的小提琴中的代碼添加到了我的答案中。 –

HTML TR和TD對齊

回答

相關問題