0
我有一個表格單元格的垂直對齊的跨瀏覽器問題。我可以讓它在Chrome瀏覽器中看起來是正確的，但不是在FF或IE中，或者我可以在FF和IE中使它看起來正確，但不是Chrome。看到這裏的樣機：http://codepen.io/jphogan/pen/jaItL/垂直放置表格單元格可在Chrome中工作，但不能在FF和IE中使用，反之亦然。替代方式垂直對齊包裝文本？
寬，右文本是一個表格單元元素。我這樣設置的原因是，即使文本換行，它仍然會以彩色背景垂直居中。您可以將codepen上的文本數量加倍，並查看我的意思。
這是我的問題：如果我將.bpheader> .col設置爲頂部：0; （如我相信我應該），它看起來正確鉻（見這裏：http://i.imgur.com/sfugnvR.png），但在Firefox和資源管理器（如：http://i.imgur.com/Q2suc8f.png）搞砸了。如果我將.bpheader> .col設置爲最高：30％; （或像素數），它在FF和IE中排列如下：http://i.imgur.com/A832zaa.png，但在Chrome中看起來像這樣：http://i.imgur.com/aYsh2Uv.png。
我已經瀏覽了幾十個線程，並且我嘗試了所有我能想到的CSS（比如：在桌面元素上設置高度，移動位置等），以使它在所有3個瀏覽器中保持一致，但根本無法弄清楚。此外，如果任何人有任何其他想法保持文本垂直對齊即使文本包裝（必須與IE8兼容），我很樂意聽到它。謝謝！