如何使標題垂直居中使用不同的標題長度？

-3

我想要像下面垂直居中對齊圖像：

我怎樣才能實現呢？

來源

你應該提供一些代碼來顯示你當前的解決方案... –

分享你的代碼... –

基本上，**你不能**。沒有良好支持的CSS機制可以使不共享父項的元素的高度相等。您需要JavaScript才能更好地支持CSS網格。 –

-1

只需添加display:flex到您的容器類是這樣的：

.container { 
    width: 320px; 
    display:flex; 
}

2017-02-23 13:43:52

-1

首先，我會建議花時間來學習CSS盒模型：https://www.w3.org/TR/CSS2/box.html。

這是CSS的基本部分，對您的查詢很重要。例如，上圖中的文本會導致深灰色背景的框展開。使用CSS盒模型可以確保不會發生這種情況。有多種方法可以實現這一點，但是一個例子是在px中爲所討論的元素使用固定的高度。

垂直對齊的文本可以通過vertical-align屬性使用值middle來實現。您可以在W3C的網站上了解更多關於vertical-align屬性以及如何使用它的信息：https://www.w3schools.com/cssref/pr_pos_vertical-align.asp

如果您需要更多幫助，請發佈一些您正在使用的代碼示例來創建上述內容。

2017-02-23 13:59:05

回答