展示注意點
1).此方法適用於固定寬高的元素；
2).這些屬性要作用在居中的的元素本身；
3).絕對定位要注意父級定位；
4).這些屬性方在局中元素的父級元素上；
5).塊級元素設定兩個引數（height與line-height）會讓塊級元素內部的行級元素（該元素身上有vertical-align:middle屬性）垂直水平居中（該方法會有些偏差）；
position:absolute;
top:50%;
left:50%;
margin-top:(高度的一半);
margin-left:(寬度的一半);
應用上述展示注意點：1),2),3)
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
應用上述展示注意點：2),3)
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
應用上述展示注意點：2),3)
display:flex;
align-items:center;
justify-content:center;
應用上述展示注意點：4)
height:line-height;
text-align:center;
應用上述展示注意點：4),5)
div居中方法（共8種）
行級元素 塊級元素 display table 此元素會作為塊級 來顯示 類似 前後帶有換行符.display table cell 此元素會作為乙個 單元格顯示 類似 和 塊級元素 利用flex布局使內部塊級元素水平，垂直居中 display flex justify content center...
div中的內容垂直居中的五種方法
如果要垂直居中的只有一行或幾個文字，那它的製作最為簡單，只要讓文字的行高和容器的高度相同即可，比如 p這段 可以達到讓文字在段落中垂直居中的效果。另一種方法和行高法很相似，它同樣適合一行或幾行文字垂直居中，原理就是利用padding將內容垂直居中，比如 p這段 的效果和line height法差不多...
div中的內容垂直居中的五種方法
如果要垂直居中的只有一行或幾個文字，那它的製作最為簡單，只要讓文字的行高和容器的高度相同即可，比如 p 這段 可以達到讓文字在段落中垂直居中的效果。另一種方法和行高法很相似，它同樣適合一行或幾行文字垂直居中，原理就是利用padding將內容垂直居中，比如 p 這段 的效果和line height法差...