ホームページ > 記事 > ウェブフロントエンド > HTMLで画像を中央に配置する方法
HTMLで画像を中央に配置する方法
- angryTomオリジナル
- 2020-03-02 11:30:3944011ブラウズ
html画像を中央に配置する方法
1. まず、新しい HTML ページを作成する必要があります。
2. 次に、ボディ部分に新しい img タグを作成し、画像を指定します。
3. ブラウザで効果を確認すると、デフォルトでは画像が左揃えで中央に表示されていないことがわかります。
4. 画像を p タグまたは spam タグで囲み、値 text-align:center を持つ style 属性をタグに追加します。
推奨学習: html チュートリアル
コードは次のとおりです:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p style="text-align: center;">
<img src="a.png" alt="">
</p>
</body>
</html>その他の HTML チュートリアルについては、PHP 中国語 Web サイト#を参照してください。 ＃＃！
以上がHTMLで画像を中央に配置する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTMLでのイメージタグの使い方の紹介次の記事：HTMLでのイメージタグの使い方の紹介