HTML のみを使用し、CSS を使用せずに画像を中央に配置しようとしていますが、これは可能ですか? 次のコードを試しました:
<a href="link">
<img src="URL" align="center"></a>
でも絵は動かない。どうすればこれを解決できますか?
中央に配置しようとしている画像は、ブログの右側の列にある寄付ボタンです。リンクを「テキスト」ウィジェットに配置しているため、CSS が機能していないようです。
HTML のみを使用し、CSS を使用せずに画像を中央に配置しようとしていますが、これは可能ですか? 次のコードを試しました:
<a href="link">
<img src="URL" align="center"></a>
でも絵は動かない。どうすればこれを解決できますか?
中央に配置しようとしている画像は、ブログの右側の列にある寄付ボタンです。リンクを「テキスト」ウィジェットに配置しているため、CSS が機能していないようです。
を使用できます<center>
が、サポートされなくなりました。ここでの最善の策は、HTML および で style 属性を使用することですtext-align:center
。これは画像を直接中央に配置しないため、スタイリングを使用して div でラップします。
<div style="text-align: center">
<a href="link">
<img src="URL" align="center"></a>
</div>
投稿されたコメントを見たところ、実際には div は必要ないことがわかりました。その周りのリンクに適用するだけです。
<a href="link" style="text-align: center">
<img src="URL" align="center"></a>
古いものを使用したい場合を除き、CSS なしでこれを行う方法はありません。
CSS を使用しない別の方法は、画像をtable
. 現状ではインターネット上で最善の方法ではありませんが、企業がファイアウォール上のコンテンツから CSS を削除する古い電子メール クライアント、ブラウザー、およびシステムに準拠しています。
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr><td align="center">
<img src="URL">
</td></tr>
</table>
この質問が WordPress での実装に関するものであることは理解していますが、Google はそれが私自身の問題に関連していると考えました。
その周りにいくつかのpタグを配置するだけです
<p align="center" ><a href "link"> <img src="link"></a></p>