css前端居中的幾種方法

一 水平居中

     1 行內元素  

       給父元素設置屬性 text-align:center  可以是元素及其文本水平居中

     2  塊級元素 

      設置元素寬度  設置元素屬性 margin: 0 auto;   設置上下邊距為0  左右邊距為自動；實現水平居中

      如果 該元素為浮動元素。父元素的寬度屬性設置為 fit-content

 

二 垂直居中

     1 行內元素

      父元素設置 vertical-align：middle

      對於單行文本 或許圖片元素 最簡單的方法是 設置元素的line-heght屬性等於元素高度。

     2 塊級元素 

     父級元素設置屬性 display:table   子元素設置屬性 display:table-cell  vertical-align:middle;

 

　 絕對/固定垂直水平居中 

　　.content{

　　.position:fixed/absolute;

　　top:50%;

　　left:550%;

　　margin:精確定位
　　}