2017-04-09 147 views
0

我在將這個定價表格的「團隊」,「業務」等H4標題垂直對齊到它們各自的表格單元格方面存在困難。垂直對齊表格單元格中的文本

該表是一個相當簡單的沒有太多樣式應用,所以我不知道我在做什麼錯在這裏。我曾嘗試在div中包裝文本,並將父div的寬度和高度設置爲100%。它沒有工作。

這是我工作的鏈接的做法網站: https://netterrain-new-features-clone.mystagingwebsite.com/network-documentation-pricing/

+0

對於h4,默認情況下會有餘量。請給予保證金:0爲h4 –

+0

爲什麼你將文本包裝在一個div? –

+0

爲什麼你在'th'裏面使用'h4',我想知道?顯示對HTML和CSS如何工作的明顯缺乏理解。另外,使用多行'th'也有點錯誤,因爲內部的內容絕對不是標題,而應該放在'td'中。噢... – junkfoodjunkie

回答

2

注:這是更好地給代碼(不工作)而不是網頁

嘗試增加以下樣式

table th, table td{ 
    display: table-cell; 
    vertical-align: middle; 
} 
+0

??這些是默認設置,爲什麼你需要再次聲明這些? –

+0

@GCyrillus我通過應用這些樣式進行檢查。我想在某個地方OP覆蓋這些默認的。 –

相關問題