css垂直水平中央

本シリーズの文章は私が関連知識を学ぶ時蓄積したノートで、自分の学習過程を記録して、知識を振り返るのを便利にするためです;だから文章の内容は比較的に勝手に簡潔で、学習の目的を抱いて来た学生は必ず彼のところを移して、私が人の子弟を誤らないようにしなければなりません~
CSSが水平垂直中央を実現する第10の方法を知っていますか?
よく使われるものは2つあります.

flex

display: flex;
justify-content: center;
align-items: center;

transform

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);