ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML画像を中央に配置する方法
HTML画像を中央に配置する方法
- coldplay.xixiオリジナル
- 2021-04-28 15:27:4259397ブラウズ
HTML で画像を中央に配置する方法: まず、新しい Web ページを作成し、本文部分に img タグを作成し、画像を指定します。次に、その画像を p タグまたは span タグに配置し、値を追加します。 [text] タグに -align:center] スタイル属性を追加するだけで十分です。
HTML で画像を中央に配置する方法:
まず、新しい HTML ページを作成する必要があります。 次に、ボディ部分に新しい img タグを作成し、画像を指定します。 ブラウザで効果を確認すると、デフォルトでは画像が左揃えで中央に表示されていないことがわかります。 画像を p タグまたは spam タグで囲み、値 text-align:center を持つ style 属性をタグに追加します。 コードは次のとおりです:<!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 サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTMLでフォントの色を設定する方法次の記事：HTMLでフォントの色を設定する方法