css中的按钮对齐

button alignment in css

本文关键字：对齐 按钮 css      更新时间：2023-09-26

我已经将按钮声明为，

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

我需要把它对准右边，我试过用

style= 'float: right;'

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

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

可能是这种风格被这个类覆盖了。

如何将按钮向右对齐？

尝试将按钮包装在div或span中，将div/span的宽度设置为100%，并将text-align:right作为样式的一部分。类似于：

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

一旦包含包装，float;right也可以工作。

这应该做到：

.dijit {
    float: right;  
}
<span class="dijit dijitReset dijitInline dijitButton dijitButtonHover dijitHover" role="presentation" widgetid="submitExpectedJ0">To right</span>

#id {
float:right;

}

这应该有效我在firefox上运行css，它很有效！

您可以使用这个：

#submitExpectedJ0 {
    float:right;
}
相关文章：