如何调整大小
<p:commandButton value="..."/>?
让我们假设按钮看起来像这样:
+-------------+
| ... |
+-------------+
讨论中的一位用户位于 http://forum.primefaces.org/viewtopic.php?f=3&t=3955建议使用 button with style
<p:commandButton value="..." style="width: 20px; height: 20px;font-size:80%;"/> .
但是在这样做之后按钮的文本超出了按钮边界:
+---+
| | ...
+---+
我想我应该使用另一种 css 样式。 你能建议我如何使用另一种 CSS 样式调整按钮大小,它会调整按钮大小并将文本移到按钮中吗?
最佳答案
您使用了正确的属性,但 20px 太小了。这就是文本超出按钮边界的原因。像素越大,按钮越大。所以只需为高度和宽度指定更大的像素。然后使用 text-align 属性将文本对齐到右、左、中等位置
试试这个
<p:commandButton value="..." style="width: 100px; height:100px; text-align: right"/>
关于css - 如何调整 p :commandButton 的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20401188/