我是否應該使用邊距0自動或位置，頂部，左側將內容與中心對齊

Question

我想知道將中間內容放在中間位置的最佳方式是什麼。我的意思是，最好是使用「保證金」屬性，或者我應該使用position：absolute和top，left屬性？爲此目的使用其中之一的優點和缺點是什麼？

Answer 1

使用這種（當你知道你正在定心事情的大小） -

.centered { 
    position: fixed; 
    top: 50%; 
    left: 50%; 
    margin-top: -50px; 
    margin-left: -100px; 
} 

或本（當你不知道的事情的大小你定心） -

.centered { 
    position: fixed; 
    top: 50%; 
    left: 50%; 
    /* bring your own prefixes */ 
    transform: translate(-50%, -50%); 
} 

來源：https://css-tricks.com/quick-css-trick-how-to-center-an-object-exactly-in-the-center/