ホームページ  >  記事  >  ウェブフロントエンド  >  浮動要素を中央に配置するにはどうすればよいですか?絶対に配置された div を中央に配置するにはどうすればよいですか?

浮動要素を中央に配置するにはどうすればよいですか?絶対に配置された div を中央に配置するにはどうすればよいですか?

王林
王林転載
2020-06-15 16:45:405202ブラウズ

浮動要素を中央に配置するにはどうすればよいですか?絶対に配置された div を中央に配置するにはどうすればよいですか?

#フローティング要素を中央に配置するにはどうすればよいですか?絶対に配置された div を中央に配置するにはどうすればよいですか?

div センタリング:

border: 1px solid red;
margin: 0 auto; 
height: 50px;
width: 80px;

フローティング要素は上下左右のセンタリング:

border: 1px solid red;
float: left;
position: absolute;
width: 200px;
height: 100px;
left: 50%;
top: 50%;
margin: -50px 0 0 -100px;

絶対配置の左右センタリング:

border: 1px solid black;
position: absolute;
width: 200px;
height: 100px;
margin: 0 auto;
left: 0;
right: 0;

推奨チュートリアル:

css クイック スタート

以上が浮動要素を中央に配置するにはどうすればよいですか?絶対に配置された div を中央に配置するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はjuejin.imで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。