ホームページ > 記事 > ウェブフロントエンド > css+divの水平方向の中央揃えのサンプルコード
css+divの水平方向の中央揃えのサンプルコード
- 零下一度オリジナル
- 2017-06-24 11:45:281859ブラウズ
div コンテンツの水平方向のセンタリングを実現する
実装計画 1: margin:0 auto;
div の水平方向と垂直方向のセンタリングを実現する
実装計画 1: 位置: 固定位置
div{
height:100px;
width:100px;
background:red;
margin:0 auto;
} 実装計画 2: Position:absolute; 絶対位置決め
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>div水平居中</title> </head> <body> <div></div> </body> </html>
div{height:100px;width:100px;background:red;position:absolute;
left:50%;
right:50%;
margin: auto;
}
transform は CSS3 の新しい属性であるため、携帯電話や他のブラウザと互換性を持たせるためにプレフィックスを付ける必要があります。 りー
など
以上がcss+divの水平方向の中央揃えのサンプルコードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。