1

テーブルの高さを変更せずに、「実際の行」を含む 2 番目の 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>';
4

2 に答える 2

0

私はあなたが次のことを望んでいると思います：

 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-11T11:15:28.020 に答える
0

最初の行の style 属性でこれを試してみてください:

text-align: center;

これはいくつかの助けになるか、そのタグを次のように囲むことができます:

<center></center>

お役に立てれば！

于 2013-04-11T11:03:55.093 に答える