在常規流中,居中有好幾種辦法,但是一旦使用了絕對定位和固定定位之後,脫離了文檔流,就無法居中了,針對此問題,以下爲解決辦法!
## 定位下的居中(常規流塊盒)
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自己設定想要的尺寸!