HTML画像を中央揃えにする方法

HTML 画像の中央揃えを設定する方法: 最初に新しい HTML ドキュメントを作成し、次に HTML 形式を定義し、ドキュメント全体の基本構造を定義します。次に、「

この記事の動作環境: Windows 7 システム、HTML5&&CSS3 バージョン、DELL G3 コンピューター

コード エディターを開きます。ここでは ATOM を使用します。デモンストレーションとして。

新しい HTML ドキュメントを作成します。

まず HTML 形式を定義し、次にドキュメント全体の基本構造を定義する必要があります。 HEADとBODYが分かれていることに注意してください。

このとき、 を使用してアイコンを定義し、src に画像へのリンクを置きます。

チェックしてください。デフォルトでは、画像は左側に表示されます。 [推奨学習: "HTML ビデオ チュートリアル "]

現時点では、他の部分と区別するために、別の領域を定義できます。画像の場合は div を使用します。

次に、div に align="center" を追加し、ファイルを保存します。

HTML ファイルを開くと、画像が中央に配置されていることがわかります。

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