0

我正在使用 Struts 2 + JqueryUI Struts2 插件，我想将一些项目水平地放在一起。

在 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>

我希望滑块出现在最后一个按钮旁边（加号按钮）

4

3 回答 3

0

如果要内联打印滑块，则需要使用该display:inline-block属性并为滑块提供一定的宽度。

在您的 CSS 中：

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

你可以在这里看到一个演示。

于 2012-12-06T23:07:15.883 回答
0

您可以尝试将表单元素设置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-11T07:31:12.247 回答
0

您可以将滑块的显示属性设置为 inline ，

<style>
#echo4    
{
display:inline;
}
</style>
于 2012-12-11T07:53:39.403 回答