将两个不同字体的字符串连接起来

Question

<h:outputText value="#{myWalletBean.homeMessage}"></h:outputText>
<h4>
    <h:outputText value="#{myWalletBean.walletMoney}">
        <f:convertNumber type="currency" currencySymbol="Rs."/>
    </h:outputText>
</h4>

这给了我两个不同的输出线，但我希望输出一行，如“钱包数量Rs.100”。

Answer 1

你可以尝试一下。我希望有所帮助。

<h:outputText value="Wallet amount&#160;"></h:outputText> 
  <h:outputText styleClass="h4" value="#{33333.33}">  
   <f:convertNumber type="currency" currencySymbol="Rs."/>
</h:outputText>

 用于空格。

.h4 { 
/*     display: block; */
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

  

大多数浏览器都会显示具有以下默认值的元素：

另见Default CSS Settings

看起来像这样。