HTML画像を中央に配置する方法-htmlチュートリアル-php.cn

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

coldplay.xixi

リリース： 2023-01-05 16:12:27

オリジナル

59344 人が閲覧しました

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 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

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