使長方形居中

閒來無事，隨手一寫

使用html/css代碼簡單的方法實現讓長方體居中的方法。

1.絕對定位

 

  這個方法使用position的方法，使div脫離了文檔流，相對於父元素進行定位。

 

2.固定定位

 

 這個方法使用position的方法，使div脫離了文檔流，將其固定在固定的位置（與方法1相似，不過二者概念不同，要分清）。不論窗口如何變化，始終在窗口的中心位置。

 

3.css樣式

 

 

 其實這個仍是使用了彈性佈局，只是我想用justify-content和align-items寫寫試試。並且這種方法改變了body總體的排布方式，並不推薦使用。