Question

我不知道获得理想结果的最佳做法。我在这里使用的桌子让我接近我想要的东西。

结果没有垂直居中的文字，我无法弄清楚如何。尝试使用UL来获得这个但没有运气：

＆＃13;

#hotspotbg table {
  margin-top: 1px;
}
#hotspotbg table tr td {
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
#hotspotbg table tr td a {
  text-align: center;
  text-decoration: none;
  display: block;
  font-family: Tahoma, Geneva, sans-serif;
  color: #fff;
  height: 51px;
}
#hotspotbg table tr td a:hover {
  background: #FFF;
  color: #000;
}

＆＃13;

<table width="900" height="51px" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td width="25%" height="51" valign="middle"><a href="#">Home</a>
    </td>
    <td width="25%"><a href="#">Products</a>
    </td>
    <td width="25%"><a href="#">Reviews</a>
    </td>
    <td width="25%"><a href="#">Contact</a>
    </td>
  </tr>
</table>

＆＃13;

Answer 1

将子项的行高（在您的案例中为 a 元素）设置为父项的高度，将垂直对齐 a 元素的文字。有关详细信息，请参阅下文。

＆＃13;

SqlString

＆＃13;

string

＆＃13;

CSS导航垂直对齐

1 个答案: