次のようなアイコン画像とテキストがあります。すべてのコードソースは次のとおりです。
<img src="...." align="absmiddle" /> My Title Here
問題は、Firefox と比較して、Chrome ではアイコンがタイトルと垂直に整列していないことです。
absmiddle全然効かないと思います！解決策はありますか？この問題を解決するために、2 列のテーブルを使用したくありません。
10474 次
4 に答える
17
この解決策を試してください：
<img src="img.png" style="margin-bottom:.25em; vertical-align:middle;">
于 2011-03-05T11:52:56.840 に答える
2
vertical-align: middle;あなたが探しているものかもしれません。WebKitが「absmiddle」から知っているとは必ずしも思いません。
于 2010-03-19T23:45:29.823 に答える
1
の align 属性は推奨されておらず、HTML 4.01 Strict または XHTML 1.0 Strict ではサポートされていません。
この効果を実現するには、CSS を使用する必要があります。次のコードを試すことができます。
<img src="...." align="absmiddle" style="vertical-align:middle;" /> My Title Here
また
<img src="...." align="absmiddle" style="vertical-align:50%;" /> My Title Here
于 2010-03-20T00:28:37.070 に答える
0
私にとっては、それvertical-align:middle;だけでは十分ではありませんでした (少なくとも IE では、横にテキスト ボックスがありました)。非常にうまく機能するのは、次のborder-style: none;とおりです。
<img src="...." style="vertical-align:middle; border-style: none;" />
于 2015-11-05T16:14:46.273 に答える