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

angryTom
リリース: 2020-03-02 11:30:50
オリジナル
44040 人が閲覧しました

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

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 サイトの他の関連記事を参照してください。

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