0

テキストと画像アイコンの両方を含む表のセルがあります。画像アイコンはセルの高さを占めるため、テキストが下にドロップされます。 ここに画像の説明を入力

ここで、テキストをセルの中央に配置します。 ここに画像の説明を入力

どうすればこれを達成できますか?通常のパディングとマージンの修正は機能していないようです。私のコードは次のとおりです。

<td class="title">
     <div style="display:inline-block;">Blah blah</div> 
      <a href="#"><img src="img.png" width="68" height="34" alt="Imange"></a>
</td>
4

2 に答える 2

2

重要なのはline-height、画像の高さvertical-alignを調整してから、テキストの垂直方向の位置を調整することです。

.title {
    line-height: 34px;
    vertical-align: middle;
}
于 2013-08-01T23:38:58.483 に答える
0

次のように、img タグにスタイルとして vertical-align:middle を追加するだけです。

<td class="title">
 <div style="display:inline-block;">Blah blah</div> 
  <a href="#"><img src="img.png" width="68" height="34" alt="Imange" style="vertical-align:middle;"></a>

于 2013-08-01T23:41:39.490 に答える