CSSで水平方向のセンタリングを設定する方法

CSS で水平方向の中央揃えを設定する方法: 1. "text-align: center;" スタイルを使用して、ブロック レベル要素 (親要素) のインライン要素を水平方向に中央揃えにします。 2. "margin: 0 auto" を使用します。 ;" スタイル。ブロック レベル要素 (親要素) 内で固定幅のブロック レベル要素を水平方向に中央揃えにできます。

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

方法 1: text-align 属性を使用する

text-align: center;スタイルを親要素に直接設定すると、次のことができます。ブロックレベルの要素を設定します (親要素) のインライン要素の水平方向の中央揃え

     
 我是测试文本！ 
 

Rendering:

Description:

このメソッドは、テキスト、画像、ボタン、その他のインライン要素の水平方向の中央揃えにのみ有効です (display属性はinlineまたはinline-block# に設定されています) ##)

css ビデオ チュートリアル)

方法 2: margin 属性を使用します

margin: 0 auto;スタイルでは、ブロック レベルの要素 (親要素) 内で固定幅のブロック レベルの要素を水平方向に中央に配置できます。

     
 
我是块级元素
 
 

プログラミング ビデオをご覧ください。 ！

以上がCSSで水平方向のセンタリングを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。