Question

请问您如何在中心对齐此按钮？

<script type="text/javascript" src="https://office.instantticketing.com/pit/scripts/pit-widget-boot.js"></script>
<button onclick="javascript:pitWidgetBootToken('khaxfcarjhtso4h9lubk5ywwcp21386707097031');">
    <span style="text-align: center; line-height: 1.0; font-size: 16px; text-transform: none;">Book now</span>
</button>

Answer 1

最好的方法是使用css;例如：

.button_centre {
    margin:auto;
    display:block;
}

和html / js /

<button onclick="javascript:pitWidgetBootToken('khaxfcarjhtso4h9lubk5ywwcp21386707097031');" class="button_centre">
    <span style="text-align: center; line-height: 1.0; font-size: 16px; text-transform: none;">
        Book now
    </span>
</button>

查看Fiddle of this question。

Answer 2

在div中包裹按钮并在div上设置text-align：center

http://jsfiddle.net/ykZgJ/

<div style="text-align:center">
<button onclick="javascript:pitWidgetBootToken('khaxfcarjhtso4h9lubk5ywwcp21386707097031');"><span     style="text-align: center; line-height: 1.0; font-size: 16px; text-transform: none;">Book now</span></button>
</div>

如何对齐按钮

2 个答案: