Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2008/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html &引用;“真正的”;排版基线_Html_Css_Typography_Baseline_Vertical Rhythm - Fatal编程技术网

Html &引用;“真正的”;排版基线

Html &引用;“真正的”;排版基线,html,css,typography,baseline,vertical-rhythm,Html,Css,Typography,Baseline,Vertical Rhythm,网页设计中的线条高度与印刷品中的线条高度(InDesign及更多)不同。 结果接近: 在web中(在webkit中更好) 印刷品 我尝试了很多技巧,但正如您在我的打印示例中看到的,由于多行,最后一段的边距很差。 现代浏览器有可能做得更好吗? 我知道,但这是有很多相对位置和顶部调整不是很灵活 最后一种解决方案是在许多单行中为单独的多行块添加javascript(但要重)。vertical align只处理内联元素和表格单元格是一个块元素。 垂直对齐的默认值为基线 知道这一点,你的实验可能会更成

网页设计中的线条高度与印刷品中的线条高度(InDesign及更多)不同。 结果接近:

  • 在web中(在webkit中更好)
  • 印刷品
我尝试了很多技巧,但正如您在我的打印示例中看到的,由于多行,最后一段的边距很差。 现代浏览器有可能做得更好吗? 我知道,但这是有很多相对位置和顶部调整不是很灵活


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

vertical align
只处理内联元素和表格单元格<代码>是一个元素。
垂直对齐
的默认值为
基线

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


我一年前就注意到了这一点,最后不得不向浏览器提供位置关键型排版作为图像,因为不同浏览器之间的字体处理差异太大,无法使其保持一致。@Orbling经过一些实验,下面是诀窍!看起来很有趣,必须仔细研究。