これがjsFiddleです。絶対値(つまり、px )を使用せずに、img
を垂直方向に中央に配置するにはどうすればよいですか?div
td
純粋なCSSソリューションを高く評価しています。ありがとう。
情報アイコンを TD の背景として設定することに反対でない場合は、次のようにします: jsFiddle
td {
background: url('http://upload.wikimedia.org/wikipedia/donate/c/c0/Information-icon.png') no-repeat left center;
padding-left: 20px;
}
アイコンの幅が 20px であることがわかっているので、背景画像を繰り返しなしに設定padding-left: 20px
し、TD に a を適用すると、適切に配置され、重なりません。また、 background-position を設定することでleft center
、常に垂直方向の中央に配置されます。