Html:如何对齐表格中的单词

Question

我在另一个表的列中创建了一个表。我想对齐这两个词

<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>

Answer 1

稍微改变它的布局方式: 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>