在相对表格中的垂直对齐单元格

我想垂直居中包含“actualrow”的第二个td元素而不更改表格的高度。在相对表格中的垂直对齐单元格

我已经尝试了很多方法来垂直对齐我的td元素，我希望你可以帮我解决这个问题。我不得不削减代码，否则它会太大，所以我希望下面发布的代码就足够了。

echo '<table cellspacing="5%" cellpadding="14%" width="37.5%" rules="rows" border="1" class="datatable" style="position:absolute;table-layout:fixed;left:12.42%;top:27%;border-right-width:6px;border-color:black">'; 
. 
. 
. 

echo "<tr class='even'>"; 
$actualrow = $row['wav_nr']; 
echo '<td nowrap border="0" align="left" valign="middle" style="position: relative;vertical-align: middle;">&nbsp;Wave ' . $actualrow . '</td>'; 

echo '<td nowrap align="center" valign="middle" style="position: relative;vertical-align: middle">' . (($actualrow * 10) - 9) . ' - ' . ($actualrow * 10) . '<br/>' . $moved_athletes . '</td>'; 
echo '<td nowrap align="center" valign="middle" style="vertical-align: middle;">' . date_create($row['wav_time'])->format('H:i') . '</td>'; 
echo '</tr>';

来源

2013-04-11 Powidl

你可能想尝试这种在样式属性中的第一行：

text-align: center;

这可能帮助一些，或者你可以围绕该标签具有：

<center></center>

希望这帮助！

来源

2013-04-11 11:03:55

谢谢你的一些提示！我通过给一个“height：65px”风格属性来修复它。另外我删除了html路线，并添加了文字对齐：中心到标签。它只是工作！ – Powidl 2013-04-11 12:47:07

我想你想以下几点：

echo '<td nowrap border="0" align="left" valign="middle" style="position: relative;vertical-align: top;">&nbsp;Wave ' . $actualrow . '</td>';

更改为vertical-align从middle到top值。

除非您支持非常旧的浏览器，否则可能会省略align和valign。

来源

2013-04-11 11:15:28

在相对表格中的垂直对齐单元格

回答

相关问题