如何调整p：commandButton的大小

Question

如何调整大小

<p:commandButton value="..."/>? 

我们假设按钮看起来像这样：

+-------------+
|     ...     |
+-------------+

位于http://forum.primefaces.org/viewtopic.php?f=3&t=3955的讨论中的一位用户建议使用带样式的按钮

<p:commandButton value="..." style="width: 20px; height: 20px;font-size:80%;"/> .

然而，在这样做之后，按钮的文本超出了按钮界限：

+---+
|   | ...
+---+

我想我应该使用另一种css风格。 你能否建议我如何用另一种CSS样式调整按钮大小，调整按钮大小并将文本移动到按钮中？

Answer 1

您正在使用正确的属性，但20px非常小。这就是文本超出按钮界限的原因。像素越大，按钮越大。所以只需为高度和宽度指定更大的像素。然后使用text-align属性将文本对齐到右，左，中心e.t.c

试试这个

<p:commandButton value="..." style="width: 100px; height:100px; text-align: right"/>