CSS制御要素のページ内の水平、垂直中央

418 ワード

一、ブロックレベル要素1、水平中央:margin:0 autoを採用する.2、水平、垂直ともに中央:絶対位置決め方式を採用し、position:absolute; top:50%; left:50; margin:- /2 0px 0px - /2;親要素はposition:relative;を設置する
二、インライン要素1、水平中央:text-align:center;、垂直中央:単行--line-height;複数行:シミュレーションテーブルレイアウトのプロパティを使用して、親コンテナを設定する必要があります:dispaly:table;現在のコンテナ設定:display:table-cell; vertical-align:middle; text-align:center;