ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML画像を中央に配置する方法

HTML画像を中央に配置する方法

coldplay.xixi
リリース: 2023-01-05 16:12:27
オリジナル
59379 人が閲覧しました

HTML で画像を中央に配置する方法: まず、新しい Web ページを作成し、本文部分に img タグを作成し、画像を指定します。次に、その画像を p タグまたは span タグに配置し、値を追加します。 [text] タグに -align:center] スタイル属性を追加するだけで十分です。

HTML画像を中央に配置する方法

#このチュートリアルの動作環境: Windows7 システム、html5 バージョン、DELL G3 コンピューター。

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 ビデオ チュートリアル

以上がHTML画像を中央に配置する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート