Question

注意：我使用Bootsrap和jQuery

因为在输入控件上按Enter键时，Forms将提交列出的第一个[button type = submit]，我需要在html中列出我的一个按钮，然后在视觉上它们需要反向显示

所以我需要在HTML中列出这样的内容：

<button type="submit" class="glyphicon-chevron-right"></button>
<button type="submit" class="glyphicon-chevron-left"></button>

但是他们需要渲染，以便右箭头可视化显示在左箭头1的右侧。

如何在左箭头控件的右侧进行右箭头控制渲染？

Answer 1

我可能会这样做（取决于你想如何相对于容器显示按钮）：

<div style="display: inline-block;">
    <button type="submit" class="glyphicon-chevron-right pull-right"></button>
    <button type="submit" class="glyphicon-chevron-left"></button>
</div>

DEMO： http://jsfiddle.net/CHeb3/

Answer 2

您可以使用绝对定位来实现此目的：

CSS：

.container {position:relative}
.glyphicon-chevron-left, .glyphicon-chevron-right {position:absolute;top:0;left:0}
.glyphicon-chevron-right {left:30px}

HTML

<div class="container">
    <button type="submit" class="glyphicon-chevron-right"></button>
    <button type="submit" class="glyphicon-chevron-left"></button>  
</div>

只需将左/上值更改为您需要它们的位置

让DIV在另一个人的右边

2 个答案: