這個過程中有以下幾點印象深刻：
當當前元素是相對定位時：
//相對定位時可採用這個方式來垂直居中
top: 50%
transform: translatey(-50%)
水平同理
當當前元素是絕對定位時：
margin: auto auto
top: 0
bottom: 0
left: 0
right: 0
內容超出div範圍，想要水平不擴充套件，垂直方向出現滾動條：
overflow:
y: auto
x: hidden
前端居中問題總結
一 text align center 只是將元素下面的內聯元素居中，常見於文字水平居中。二 flex布局 display flex justify content center 水平居中 align items center 垂直居中 三 垂直居中 1，line height height時 2，...
網頁前端居中問題
妄 狂妄 不會的東西只有懷著一顆狂妄的心，假裝能把它看穿吧。文字居中問題 此屬性只適用於多行的flex容器，並且當側軸上有多餘空間使flex線對齊 使用前提 flex布局 見 妄 眼欲穿 css之flex布局和邊框陰影 任意布局 display flex 行內元素 display inline fl...
前端各種居中問題處理
前言兩年前工作時開的部落格，一年前寫了兩篇博文，然後就到了現在才重拾起筆。原因有二，一是自覺技術不足，二曰懶。最近由於在專案中遇到需求為拖動列可調整列順序的 最後找到一款基於jquery名為datatables的外掛程式，但網上為之寫使用方法的很少，質量也很差，所以就動了為之寫乙個較為全面的使用方法...