CSSでdivを水平方向に中央揃えに設定する方法

CSS で div の水平方向の中央揃えを設定する方法: 1. div 要素に「margin: 0 auto」スタイルを設定します; 2. 親 div 要素に「text-align: center」スタイルを設定します, 子レベルで div 要素に「display: inline-block」スタイルを設定します。

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

1. 適応マージン

メソッド: 要素バインディング属性: margin: 0 auto;

効果:

注: 一般的に使用され、既知の親要素の幅に適しています 状況

2. インラインブロック要素

#メソッド:親要素の設定属性:text-align: center;

display: inline-block;

Inline-block にはブラウザの互換性の問題があり、inline-block の設定によって生じる副作用については個別に対処します。

Method:

position:relative;##1 -レベル要素設定属性: 位置: 絶対;

適用対象親要素の幅がわかっている場合、中心位置を自分で設定するのは面倒です。

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

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