我正在写一个支付页面，使用即时支付通知从Paypal付款。这个过程是通过使用一个提交按钮和一堆隐藏的表单字段POST到Paypal开始的。根据布局，我有一个table，在一个tds中是form。HTML看起来像这样:
<table>
...
<tr id="paymentRow"> <!-- shows the paypal payment information -->
<td valign="top">
<div style="min-height:50px;">
<br/>
<descriptive> 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，我希望它在中心/中间对齐。我的猜测是，这是因为它只是表单中的一个输入项。我该如何做到这一点?
原因是因为你设置了窗体样式:width:0，所以td的宽度也是0;因此，图像溢出并在左侧对齐(LTR布局的默认对齐方式)。我不知道为什么你设置的形式宽度为0，但如果你删除它，你的图像将居中对齐。