HTMLの整列とは何ですか

HTML の

align はコンテナ内の要素の配置を指定するために使用され、その属性値は left、right、center、justify です。詳細な導入: 1. left、要素はコンテナ内で左揃えになります; 2. right、要素はコンテナ内で右揃えになります; 3. 要素はコンテナ内で中央に揃えられます; 4. 要素は次の位置に揃えられますコンテナの両端を揃えます。

# このチュートリアルのオペレーティング システム: Windows 10 システム、HTML5 バージョン、Dell G3 コンピューター。

HTML の align 属性は、コンテナ内の要素の配置を指定するために使用されます。この属性は、表、画像、段落など、ほとんどの HTML 要素に適用できます。

HTML4 では、align 属性には、left、right、center、justify の 4 つの値があります。 HTML5 では、align 属性は廃止され、float、text-align などのよりセマンティックな属性に置き換えられました。

left: 要素はコンテナ内で左揃えになります。コンテナがブロックレベル要素の場合、要素はコンテナの左端に配置され、コンテナがインライン要素の場合、要素はインライン要素内のテキストのベースラインに左揃えで配置されます。

right: 要素はコンテナ内で右揃えになります。コンテナがブロックレベル要素の場合、要素はコンテナの右端に配置され、コンテナがインライン要素の場合、要素はインライン要素内のテキストのベースラインに右揃えで配置されます。

center: 要素はコンテナ内の中央に配置されます。コンテナがブロックレベル要素であるかインライン要素であるかに関係なく、要素はコンテナ内で水平方向の中央に配置されます。

justify: 要素はコンテナ内の両端に揃えられます。この値はブロックレベルの要素にのみ適用され、要素はコンテナ内に均等に分散され、コンテナの幅全体を埋めるように試行されます。最後の行では、要素は左揃えになります。

align 属性を使用して、さまざまな位置合わせ効果を実現します。たとえば、align プロパティを left または right に設定すると、テキスト内で画像を左または右に配置できます。 align プロパティを center に設定すると、画像を中央に配置できます。テーブルの場合、 要素に align 属性を適用することで、テーブルのセルの内容の配置を制御できます。

ただし、align 属性は以前は広く使用されていましたが、HTML5 では非推奨になりました。代わりに、より多くのセマンティック属性を使用して位置合わせ効果を実現することをお勧めします。たとえば、float 属性を使用して要素を左また​​は右に揃えることができます。テキストの配置は、text-align 属性を使用して実現できます。

つまり、align 属性は、コンテナ内の HTML 要素の配置を指定するために使用されます。要素の配置効果は、左、右、中央、両端揃えの 4 つの値によって制御できます。ただし、HTML5 では、整列効果を実現するために、より多くのセマンティック属性を使用することをお勧めします。

以上がHTMLの整列とは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。