将html表格单元格数据（具有一个表格和按钮）对齐在中间

Question

这里，在第二列中，我有一个表（根据数据动态创建）和一个具有css属性的跨度 -

span.addPeriod {
width: 80px;
height: 15px;
float: right;
background-color: #A6A6A6;
cursor: pointer;
text-align: center;
border-radius: 5px;
vertical-align: middle; }

span.addPeriod:hover { 
background-color: #507BAF; }

span.addPeriod a {
text-decoration: none;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFF;}

我正在尝试将单元格中心的“添加时段”（垂直）对齐为Test，Xyzz。 请帮忙。

Answer 1

尝试将第二列单元格的垂直对齐设置为中间。

Answer 2

使用当前的css，vertical-align不会影响任何内容，因为跨度的高度仅为15px。

您可以执行以下操作：

1. 将跨度高度设置为100％（行高）。垂直对齐仅在其高度与行高相同时才有用。目前您的身高设置为15px，因此内部链接仍将显示在单元格的顶部。

2. 使用绝对定位将跨度定位在单元格内

   的位置是：绝对的;  顶部：50％;  边距：-7px;

希望这有帮助！