Question

我正在尝试将按钮对齐到右侧，而其他一些文本则放在与左侧对齐的同一行中：

<h1 style="display:inline; text-align:left">
<span>somevalue</span>
</h1>
<input type="submit" value="somevalue" style="vertical-align:top; text-align: right"/>

结果：发生垂直对齐。右边的对齐不是。有谁知道为什么？或者解决方法？

Answer 1

你可以使用float：left和float：right

    <h1 style="display:inline; float:left">    
    <span>somevalue</span>
</h1> 
    <input type="submit" value="somevalue" style="vertical-align:top; float: right"/>

Answer 2

您必须将按钮放在div中并将div设置为右对齐：

<div id="someDiv" style="display:inline; text-align:right">
    <h:commandButton value="somevalue" style="vertical-align:top"/>
</div>

对齐按钮？

2 个答案: