水平居中方法:
1.inline,inline-block元素的水平居中,在父級塊級元素中設置text-align:center;
2.確定寬度的塊級元素水平居中方法
margin:0 auto;
絕對定位和margin-left:-(width/2)實現水平居中:
絕對定位+margin:0 auto + left:0 right:0 bottom:0 top:0
3.位置寬度的塊級元素居中方法:
display:inline-block 設置text-align:center;
flex布局實現居中
垂直居中實現方法:
1.固定高度實現垂直居中
height+line-height
絕對定位+margin-top賦值
2.高度自適應實現垂直居中:
flex布局:
職業選擇、求職輔導、學習規划、困難答疑、技術交流等,可以加IT交流群828691304
歡迎訪問我們的官網:技能樹.IT修真院
“我們相信人人都可以成為一個工程師,現在開始,找個師兄,帶你入門,學習的路上不再迷茫。
這里是技能樹.IT修真院,初學者轉行到互聯網行業的聚集地。"