最佳答案
1、經由過程margin: 0 auto; text-align: center實現CSS程度居中。
這種方法是實現CSS程度居中最最常用的，我在前端開辟中大年夜概有60%的CSS程度居中就是經由過程「margin: 0 auto; text-align: center」實現的。
2、經由過程display:flex實現CSS程度居中。
跟著越來越多兼容flexbox，所以經由過程「display:flex」實現CSS程度居中的打算也越來越受青睞。
經由過程display:flex實現CSS程度居中的道理是父元素display:flex;flex-direction:column;而子元素align-self:center;
這個跟CSS垂直居中的道理是一樣的，只是在flex-direction上有所差別，一個是row(默許值)，其余一個是column。
3、經由過程display:table-cell跟margin-left實現CSS程度居中。
對父元素跟子元素的寬度都斷定的情況，合適經由過程display:table-cell跟margin-left實現CSS程度居中。
利用時，父元素display:table-cell，子元素給剩餘寬度一半的margin-left。