如何將struts 2元素水平放置？

我正在使用Struts 2 + JqueryUI Struts2插件，我想將一些項目水平放置在一起。如何將struts 2元素水平放置？

在Struts2形式項目的所有元素都是垂直...

這是我的代碼：

<s:form action="test" theme="simple"> 
<sj:a id="ajaxlink" onclick="disminuyeBloque()" button="true" buttonIcon="ui-icon-minus" cssStyle="height:20px"/> 
<sj:textfield id="tamannobloque" name="tamannobloque" readonly="true" size="2" /> 
<sj:a id="ajaxlinkminus" onclick="aumentaBloque()" button="true" buttonIcon="ui-icon-plus" cssStyle="height:20px"/> 
<sj:slider id="echo4" name="slider" label="Echo" value="{3, 7}" min="1" max="10" onCompleteTopics="sliderRangeStop" cssStyle="margin: 10px; width:20%"/> 
</s:form>

我希望在隨後出現的滑塊最後一個按鈕（一個加號按鈕）

來源

2012-12-06 rafuru

您可以嘗試將表單元素的parentTheme設置爲css_xhtml，並將元素與div包裝在同一行上，然後應用您的樣式。

像

<s:form action="test" theme="simple"> 
<div> 
<sj:a id="ajaxlink" onclick="disminuyeBloque()" button="true" buttonIcon="ui-icon-minus" cssStyle="height:20px"/> 
<sj:textfield id="tamannobloque" name="tamannobloque" readonly="true" size="2" parentTheme="css_xhtml"/> 
</div> 
<div> 
<sj:a id="ajaxlinkminus" onclick="aumentaBloque()" button="true" buttonIcon="ui-icon-plus" cssStyle="height:20px"/> 
<sj:slider id="echo4" name="slider" label="Echo" value="{3, 7}" min="1" max="10" onCompleteTopics="sliderRangeStop" cssStyle="margin: 10px; width:20%" parentTheme="css_xhtml"/> 
</div> 
</s:form>

來源

2012-12-11 07:31:12 Quincy

如果你想內嵌滑塊，你需要使用display:inline-block屬性，並給滑塊一定的寬度。

在你的CSS：

#echo4 { 
    display: inline-block; 
    width: 100px; 
}

你可以看到一個演示here。

來源

2012-12-06 23:07:15 Pigueiras

您可以設置滑塊內聯的顯示屬性，

<style> 
#echo4  
{ 
display:inline; 
} 
</style>

來源

2012-12-11 07:53:39 Lucky

如何將struts 2元素水平放置？

回答

相關問題