如何调整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"/>