在p:tabMenu中更改css样式

在

p:tabMenu

中，我试图确定

的大小，并将文本水平和垂直居中放置

如果复制源代码并手动执行，则成功：

源代码：

但是，当我将CSS代码放入自定义主题时，

中的文本仅水平居中，而不是垂直居中

我相信Primefaces中一定有一些地方可以覆盖我的自定义主题CSS

如何强制CSS代码垂直居中文本？

---

我使用Wildfly 10、jdk1.8.0_71、JSF 2.2、Primefaces 5.3、javaee web api 7.0。

尝试使用

！重要信息

使用

在CSS规则中！重要信息

使用CSS可以覆盖主题CSS

.header li {
  border: 1px dotted red;
  float: left !important;
}

.header a {
  border: 1px dotted blue;
  display: table-cell !important;
  height: 50px !important;
  width: 140px !important;
  text-align: center !important;
  vertical-align: middle !important;
}

---

尝试使用

！重要信息

使用

在CSS规则中！重要信息

使用CSS可以覆盖主题CSS

.header li {
  border: 1px dotted red;
  float: left !important;
}

.header a {
  border: 1px dotted blue;
  display: table-cell !important;
  height: 50px !important;
  width: 140px !important;
  text-align: center !important;
  vertical-align: middle !important;
}

---

尝试使用

！重要信息

这可能会对您有所帮助。请尝试使用

！重要信息

这可能会对您有所帮助。

.header li {
  border: 1px dotted red;
  float: left !important;
}

.header a {
  border: 1px dotted blue;
  display: table-cell !important;
  height: 50px !important;
  width: 140px !important;
  text-align: center !important;
  vertical-align: middle !important;
}