使DIV 垂直和水平居中可以使用多種方法來實現，但是當內容溢出不可接受時，它就變得溢出不可接受時，它就變得具有挑戰性。常見的方法之一是使用負邊距的絕對定位，但是，當視窗大小小於內容時，這可能會導致內容被截斷。
對於具有現代支援的 Web 瀏覽器，flexbox提供了更可靠、更有效率的方式
HTML:
<div class="content">This works with any content</div>
CSS:
.content {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}CSS:
此>
對舊版瀏覽器的考慮如果需要支援舊版瀏覽器，可能需要替代解決方案，例如使用表格，具有等高列的浮動定位，或用於跨瀏覽器支持的JS 庫。然而，這些方法可能有其自身的局限性，並且可能並不總是適合所有場景。以上是如何在不切斷內容的情況下水平和垂直居中DIV？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
