JSF中的文本和圖像佈局

我想通過使用JSF標記使圖像和文本顯示在同一行。有沒有辦法做到這一點？ oringinal代碼如下，但圖像和文本始終顯示在兩行中。JSF中的文本和圖像佈局

<rich:modalPanel id="Busy" autosized="true" zindex="2000"> 
     <h:outputText value="Submitting..."></h:outputText> 
     <h:graphicImage value="images/loading.gif" /> 
    </rich:modalPanel>

來源

2010-09-20 Tsung Lin Tsai

你可以試試這個

<rich:modalPanel id="Busy" autosized="true" zindex="2000"> 
    <h:panelGrid columns="2"> 
     <h:outputText value="Submitting..."></h:outputText> 
     <h:graphicImage value="images/loading.gif" /> 
    </h:panelGrid> 
</rich:modalPanel>

的安排表中的所有子元素，包含的列（在這種情況下2）的指定數目。

h:panelGrid

來源

2010-09-21 08:10:44

這是真的很酷。謝謝，gedim。 – 2010-09-21 15:27:49

最好的解決方法是直接在CSS屬性定義線：

<h:outputText value="Submitting..." styleClass="loading"/>

，並在你的CSS：

.loading { 
    background-image: url('images/loading.gif'); 
}

那麼，你將不得不adapt your CSS class正確地顯示你的形象。

來源

2010-09-20 20:12:51 romaintaz

JSF中的文本和圖像佈局

回答

相關問題