css - 如何将按钮中的文本居中对齐？

Question

我为这个问题苦苦挣扎了很长时间，并在stackOverflow中尝试了许多类似主题的解决方案，但无法解决我的问题。这是我的代码：

<p:commandButton id="verifyButtonId" value="Verify" ajax="true" actionListener="#{LocationEditBean.verifyAccess}" update="panelVerifyMessageId" style="height:25px; line-height:25px; vertical-align:middle;" rendered="#{LocationEditBean.showVerify}">
                                <f:param value="#{LocationEditBean.classifiedObject.ID}" name="editId"/>
                            </p:commandButton>

commandButton 中的文本无法与垂直中心对齐。谁能帮我这个？

Answer 1

you can try adding the following style to your button:

style=
  "font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #444;
  min-width: 90px;
  padding:5px;
  margin: 5px 10px;
  background-color: #fdfdfd;
  border: 1px solid #cdcdcd;
  cursor: pointer;
  border-radius: 3px;"