显示 h:commandButton 的标签值的问题答案

【问题标题】：Issues with displaying label value for h:commandButton显示 h:commandButton 的标签值的问题
【发布时间】：2012-08-02 08:26:55
【问题描述】：

我在显示<h:commandButton> 的标签值时遇到问题。例如，请看下面的代码

<td align="left"  style="float: left;">
            <h:commandButton value ="Reset Demand To Default"  styleClass="refresh-button-style" />
        </td>

我已经为这个按钮创建了样式类，样式类的代码在下面指定。

.refresh-button-style
{
word-wrap: break-word !important;
background-color:#2996EF;
height:40px;
width:100px;
font-size:13px;
text-align: center;
font-family: Arial;
 }

当我尝试运行 xhtml 文件并禁用标签值时，标签值似乎水平显示。它确实会自动换行，因此只显示按钮标签的一部分。能否请您告诉我如何实现按钮的自动换行并在命令按钮中显示整个标签值。

【问题讨论】：

标签： jsf-2 primefaces

【解决方案1】：

试试下面的css属性：

white-space:normal;

这应该像预期的那样换行文本 (source)。

【讨论】：

非常感谢马特，它确实有效。但是对于其中一个按钮，没有显示整个标签值。部分标签值被遗漏/删除。
您是只看到标签的一部分还是根本看不到标签？该标签是否涉及任何其他 CSS 样式？如果标签是动态生成的，请尝试使用静态值进行测试。
嗨，马特，我通过添加静态值进行测试。还是同样的问题。我试图添加 value="Reset Demand To Default" 并在命令按钮中，只有 Reset Demand To 作为标签值。不知道为什么？您能否建议我需要做什么才能在按钮上显示整个值。我使用与上面相同的样式类。代替自动换行，替换为空白。
尝试使用 Firebug 或其他开发工具找出工作和不工作之间的区别。检查应用了哪些样式。尝试交换两个按钮...