【问题标题】:"real" baseline for typography排版的“真实”基线
【发布时间】:2012-10-07 18:25:51
【问题描述】:

网页设计中的行高和印刷(InDesign 等)中的行高是不一​​样的。 结果就在附近:

我尝试了很多技巧,但正如您在我的打印示例中看到的那样,由于多行,最后一段的边距不好。 现代浏览器是否可以做得更好? 我知道http://baselinecss.com/ 但这有很多相对位置和顶部调整不是很灵活。

最后一个解决方案是在许多单行中添加单独的多行块的javascript(但要重)。

【问题讨论】:

  • 我在一年前看过很多,最终不得不将位置关键排版作为图像提供给浏览器,因为不同浏览器之间的字体处理差异很大,无法得到它一致。
  • @Orbling 经过一些实验,这就是诀窍! b4d455.fr/basel
  • 看起来很有趣,一定要仔细研究。

标签: html css typography baseline vertical-rhythm


【解决方案1】:

vertical-align 仅适用于内联元素和表格单元格<p> 是一个 block 元素。 vertical-align 的默认值为baseline

知道这一点,您的实验可能会取得更大的成功。祝你好运!

This is a great article that explain vertical-align.

And here is the Mozilla docs

【讨论】:

    猜你喜欢
    • 2016-01-25
    • 2012-02-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-02-05
    • 1970-01-01
    • 2016-01-24
    • 1970-01-01
    相关资源
    最近更新 更多