引导按钮有没有水平填充，当通过JSF

Question

我注意到同样的古怪行为，我无法解释渲染...

如果我有一系列的按钮：

<h:commandButton value="foo" actionListener="#{foo.foo}" styleClass="btn btn-danger"> 
     <f:ajax render=":form"></f:ajax> 
    </h:commandButton> 
    <h:commandButton value="bar" actionListener="#{foo.bar}" styleClass="btn btn-danger"> 
     <f:ajax render=":form"></f:ajax> 
    </h:commandButton> 
    <h:commandButton value="car" actionListener="#{foo.car}" styleClass="btn btn-danger"> 
     <f:ajax render=":form"></f:ajax> 
    </h:commandButton> 

他们是所有渲染压扁一起：

随着呈现标记（通过铬审查元素）：

<input id="j_idt92" type="submit" name="j_idt92" value="foo" class="btn btn-danger" onclick="mojarra.ab(this,event,'action',0,'form');return false"> 
<input id="j_idt92" type="submit" name="j_idt92" value="bar" class="btn btn-danger" onclick="mojarra.ab(this,event,'action',0,'form');return false"> 
<input id="j_idt92" type="submit" name="j_idt92" value="car" class="btn btn-danger" onclick="mojarra.ab(this,event,'action',0,'form');return false"> 

现在，如果我把这个标记（后加入收盘大幅削减到输入变量）和拖放就在我看来，我看到：

如果定义了一组香草按钮class="btn btn-danger"然后它们按预期显示间隔。

这会导致什么？

Answer 1

这是因为JSF组件修剪 spaces.To达到你想要的东西放在＃{”“}按钮

<h:commandButton value="foo" actionListener="#{foo.foo}" styleClass="btn btn-danger">#{' '} 
    <f:ajax render=":form"></f:ajax> 
</h:commandButton> 
<h:commandButton value="bar" actionListener="#{foo.bar}" styleClass="btn btn-danger">#{' '} 
    <f:ajax render=":form"></f:ajax> 
</h:commandButton> 
<h:commandButton value="car" actionListener="#{foo.car}" styleClass="btn btn-danger"> 
    <f:ajax render=":form"></f:ajax> 
</h:commandButton>