跨瀏覽器垂直文本對齊

任何人都可以解釋爲什麼垂直文本對齊在瀏覽器之間如此不同？跨瀏覽器垂直文本對齊

見下面的代碼：

<!DOCTYPE html> 
 
<html> 
 
<body> 
 
\t <p style="background: grey; font-size: 400%;">Test text &lArr;</p> 
 
</body> 
 
</html>

這顯示完全不同的Firefox和Internet Explorer之間。是否有一些CSS可以用來使所有瀏覽器都一樣？

2016-10-19 NickC

此鏈接可幫助您http://stackoverflow.com/幫你問題/ 10793503 /如何垂直對齊文本跨瀏覽器 – Geeky

你可以使用這個庫來跨瀏覽器規範他們的網頁。

我以任何方式

2016-10-19 17:33:10

像這樣：http://stackoverflow.com/a/10793652/6785362 –

有趣的，也許是一個很好的建議，無論如何，但仍然沒有'實際上使文本在b中相同其他瀏覽器。 – NickC

只要給默認的樣式身體標記像下面

body{padding:0; margin:0; line-height: 1.1;}

2016-10-19 17:35:42

在兩個瀏覽器中都有所不同，但仍未呈現在相同的垂直位置。 – NickC

是的，因爲字體的差異，因此Firefox和IE瀏覽器比鉻更高（僅點像素）。 –

回答