HTML CSS在隐藏表单中的td中居中paypal按钮答案

【问题标题】：HTML CSS Centering paypal button in a td in a hidden formHTML CSS在隐藏表单中的td中居中paypal按钮
【发布时间】：2021-11-10 09:11:59
【问题描述】：

我正在编写一个付款页面，以便使用即时付款通知从 Paypal 进行付款。这个过程是由POSTing 使用提交按钮和一堆隐藏的表单字段向 Paypal 启动的。根据布局，我有一个table，其中一个tds 是form。 HTML 如下所示：

<table>
    ...
    <tr id="paymentRow"> <!-- shows the paypal payment information -->
        <td valign="top">
            <div style="min-height:50px;">
                <br/>
                <descriptive>&nbsp;Payment</descriptive>
            </div>
        </td>
        <td style="vertical-align:middle; text-align:center;" >
            <form style="width:0" action="https://ipnpb.sandbox.paypal.com/cgi-bin/webscr" onsubmit="return validate_payment_form(this)" method="post" />
            <input type="image" src="https://www.paypalobjects.com/webstatic/en_US/i/buttons/checkout-logo-large.png" title="Check out with PayPal" alt="Submit" name="Submit" id="Submit"/>
            <input type="hidden" name="cmd" value="_xclick" />
            <input type="hidden" name="business" value="bob@bob.com" />
            <input type="hidden" name="item_name" value="Test purchase item|CustomerID|1" />
            <input type="hidden" name="no_shipping" value="1" />
            <input type="hidden" name="return" value="https://mywebsite/paymentReceived.php" />
            <input type="hidden" name="no_note" value="1" />
            <input type="hidden" name="currency_code" value="GBP" />
            <input type="hidden" name="amount" id="amount" value="1.00" />
            <input type="hidden" name="logged_in" value="" />
            <input type="hidden" name="<custom>" value="15" />
            <input type="hidden" name="notify_url" value="https://mywebsite/paypalNotification.php" /><br />
            </form>
        </td>
    </tr>
    ...
</table>

我的 CSS 文件中没有任何内容可以在不使用类的情况下设置 td 的对齐方式。

我遇到的问题是 paypal 按钮位于 td 的左上角，我希望它在中心/中间对齐。我的猜测是，这是因为它只是表单中的一个输入项。我如何做到这一点？

【问题讨论】：

标签： html css alignment vertical-alignment

【解决方案1】：

原因是因为你设置了表单样式：width:0所以td的宽度也是0；因此，图像溢出并在左侧对齐（ltr 布局的默认对齐方式）。我不确定你为什么将表单宽度设置为 0，但如果你删除它，你的图像将居中对齐。

【讨论】：