如何在 CSS 中將 Div 中的文字垂直居中？

在Div 中垂直對齊文字

在CSS 中，在div 中垂直對齊文字可能具有挑戰性，尤其是當該分區中存在多個元素時。這是一個在容器內垂直居中文字的解決方案，無論行數或圖像是否存在。

解決方案：

透過設定 div 的高度並且使用 line-height 屬性，可以確保文字是垂直的對齊。

代碼：

div {
  height: 200px;
  line-height: 200px; /* Define this value to align the text vertically */
}

例如：

<div>vertically centered text</div>

附加說明：

• 此方法適用於單行文字。
• 要對齊多行文本，請使用其他樣式或考慮使用 Flexbox 或網格佈局。
• 如果 div 中存在圖片或其他元素，您可能需要調整行-高度值或使用更高級的 CSS 技術來確保正確對齊。

以上是如何在 CSS 中將 Div 中的文字垂直居中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！