HTML CSS 以隐藏形式在 td 中居中 paypal 按钮

Question

我正在编写一个付款页面以使用即时付款通知从 Paypal 进行付款。这个过程是通过使用提交按钮和一堆隐藏的表单字段 POSTing 到 Paypal 来启动的。根据布局，我有一个 table，td 之一是 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 文件中没有任何内容可以在不使用 class 的情况下设置 td 的对齐方式。

我遇到的问题是 paypal 按钮位于 td 的左上角，我希望它与 centre/middle 对齐。我的猜测是，这是因为它只是表单中的一个输入项。我该如何实现？

Answer 1

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

HTML CSS 以隐藏形式在 td 中居中 paypal 按钮

HTML CSS Centering paypal button in a td in a hidden form

html

css

alignment

vertical-alignment