Html：如何對齊表中的單詞

我在另一個表中的列內創建了一個表。我要對齊的兩個詞 this is the image Html：如何對齊表中的單詞

<table width="223"> 
    <tr> 
     <td width="215">  
      <form method="post" action="AggiornaQtaCarrelloServlet"> 
       <input type="text" name="quantita" pattern="[0-9]*" required value="<%=articoli.get(a).intValue()%>" size="3"/> 
       <input type="hidden" name="codice" value="<%=a.getCodice()%>"/> 
       <a href="javascript:;" onclick="parentNode.submit();">Aggiorna Q.tà</a> 
      </form> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      <form method="post" action="RimuoviArticoloDaCarrelloServlet"> 
       <input type="hidden" name="id_articolo" value="<%=a.getId()%>"/> 
       <a href="javascript:;" onclick="parentNode.submit();">Rimuovi</a> 
      </form> 
     </td> 
    </tr> 
</table>

來源

2014-02-25 Alex

那是因爲第二排有沒有輸入類型=「文本」，所以它必須對齊到左側。 –

在CSS中，它們對齊中心。我可以如何解決它？ – Alex

比'td a {display：block; }';） –

改變它的佈局只是有點方式：DEMO

拆分輸入和鏈接成兩個獨立的td。然後在該鏈接前添加一個空白td到第二行。那麼你需要改變第一個td的寬度。您還需要將第一個form移動到包圍td元素，因此您必須將table添加到第一個td。爲了保持對齊，我已經做了相同的第二排的td

<table width="223"> 
<tr> 
    <td width="223"> 
     <form method="post" action="AggiornaQtaCarrelloServlet"> 
      <table> 
       <tr> 
        <td width="50"> 
         <input type="text" name="quantita" pattern="[0-9]*" required value="<%=articoli.get(a).intValue()%>" size="3" /> 
         <input type="hidden" name="codice" value="<%=a.getCodice()%>" /> 
        </td> 
        <td> <a href="javascript:;" onclick="parentNode.submit();">Aggiorna Q.tà</a> 

        </td> 
       </tr> 
      </table> 
     </form> 
    </td> 
</tr> 
<tr> 
    <td width="223"> 
     <table> 
      <tr> 
       <td width="50"></td> 
       <td> 
        <form method="post" action="RimuoviArticoloDaCarrelloServlet"> 
         <input type="hidden" name="id_articolo" value="<%=a.getId()%>" /> <a href="javascript:;" onclick="parentNode.submit();">Rimuovi</a> 

        </form> 
       </td> 
      </tr> 
     </table> 
    </td> 
</tr> 
</table>

來源

2014-02-25 18:06:27 brouxhaha

第一種形式是不關閉的..可以修改html代碼嗎？ – Alex

謝謝，@Alex，修復它。 – brouxhaha

但javascript代碼不起作用如果我點擊鏈接 – Alex

如果你想要一個內嵌樣式，你需要像

 <td width="215" style="text-align: center;">

來源

2014-02-25 18:07:10

Html：如何對齊表中的單詞

回答

相關問題