“絕對定位”和 “固定定位” 下的居中【解決辦法】

在常規流中,居中有好幾種辦法,但是一旦使用了絕對定位和固定定位之後,脫離了文檔流,就無法居中了,針對此問題,以下爲解決辦法!

## 定位下的居中(常規流塊盒)

1. 定寬(高),定了寬高之後,將左右上下距離設置爲0,將左右上下margin設置爲auto !(水平居中+垂直居中)

css代碼:

position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;

 此代碼爲完美的居中方法!無瑕疵!話不多說!

如果,只想水平居中,那就把left和right都設置爲0,margin爲auto, 然後top和bottom自己設定想要的尺寸!

如果,只想垂直居中,那就把top和bottom都設置爲0, margin爲auto, 然後left和right自己設定想要的尺寸!

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章