CSS 垂直居中 div 的方法有很多種。下面是其中的一些方法:
/* 方法一:使用絕對定位和負邊距 */ .container { position: relative; height: 200px; } .center { position: absolute; top: 50%; transform: translateY(-50%); } /* 方法二:使用 flexbox */ .container { display: flex; align-items: center; justify-content: center; height: 200px; } /* 方法三:使用 table-cell */ .container { display: table-cell; vertical-align: middle; height: 200px; } .center { display: inline-block; vertical-align: middle; } /* 方法四:使用 grid */ .container { display: grid; place-items: center; height: 200px; }
以上是一些比較常用的方法,可以根據具體情況選擇使用。
上一篇css垂直頂端對齊
下一篇jq動態修改css樣式表