排版中的「真實」基線

Question

網頁設計中的線條高度和打印中的線條高度（InDesign等）不盡相同。 結果接近：

• 在網絡http://jsfiddle.net/Y9M28/4/（WebKit中更好）
• 在打印http://jsfiddle.net/Y9M28/3/

我嘗試了很多花樣，但如你我的打印樣本中看到，最後一段做由於多線的緣故。 現代瀏覽器可以做得更好嗎？ 我知道http://baselinecss.com/但這是相當多的相對位置和頂部調整不是很靈活。

最後一個解決方案是在單行中爲單獨的多行塊添加javascript（但重要）。

Answer 1

vertical-align只適用於內嵌元素和表格單元格。 <p>是塊元素。 vertical-align的默認值爲baseline。

知道這一點，您可能在實驗中取得更好的成功。祝你好運！

This is a great article that explain vertical-align.

And here is the Mozilla docs