HTMLで画像を中央揃えにしたい。画像はあるのですが、どうすればよいかわかりません。助けていただければ幸いです。ありがとう。
これが私のコードです:
<img src="image.jpg">
HTML5 の開始に伴い、画像のセンタリングに CSS を使用する必要があります。HTMl5 は実際に align タグを減価償却しました。
代わりに次の CSS コードを試してください。
<IMG id="myImage" src="image.jpg" >
<style type="text/css">
#myImage {
display: block;
margin-left: auto;
margin-right: auto }
</style>
画像はインライン ボックスなので、text-align:center; 親でそれを行う基本的な方法であるべきです。
display:block, your image の場合、それは margin:auto; になります。そして、それはその行で唯一のものになります...フローの先に浮動要素がない場合。(101 の CSS ルールからどのように機能するかを理解するのは常に良いことです :) )