javascript - css中的按钮对齐

Question

我已将按钮声明为，

<button id='submitExpectedJ0' type='button'></button>

我需要将它右对齐，我试过

style= 'float: right;'

在小部件 ID 上它不起作用， 在 chrome 中显示为，

 <span class="dijit dijitReset dijitInline dijitButton dijitButtonHover dijitHover" role="presentation" widgetid="submitExpectedJ0">

可能是样式被此类覆盖了。

如何让按钮右对齐？

Answer 1

尝试将按钮包裹在 div 或 span 中，设置 div/span 的宽度到 100%，并将 text-align:right 作为样式的一部分。像这样的东西:

<div style="width:100%;text-align:right">
    <button id='submitExpectedJ0' type='button'></button>
</div>

一旦包含包装，float;right 也可能起作用。