我在IE和Firefox之间的行为不一致。我想将outputText包装在它自己的单元格中。 IE完美地做到了这一点,但Firefox让它进入下面的一行。我试图使用自动换行CSS属性,但它似乎没有改变任何东西。
代码:
<s:decorate>
<ui:param name="labelWidth" value="130px" />
<ui:define name="label">Summary:</ui:define>
<h:outputText value="#{myView.myBean.summary}" style="word-wrap: normal"/>
</s:decorate>
火狐:
<div id="j_id55">
<div id="j_id55:j_id56" class="prop">
<span id="j_id55:j_id57" class="name" style="width: 130px">Summary:</span>
<span id="j_id55:j_id59" class="value">Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long
</span>
</div>
</div>
IE:
<div id="j_id55">
<div id="j_id55:j_id56" class="prop">
<span id="j_id55:j_id57" class="name" style="width: 130px">Summary:</span>
<span id="j_id55:j_id59" class="value">
<span style="word-wrap: normal">Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long Long
</span>
</span>
</div>
</div>