稳定垂直文字节奏的最佳方法是什么？

-1

我听说相对单位比绝对更好，但有时浏览器把它弄错了，很难计算。你知道任何有用的工具吗？稳定垂直文字节奏的最佳方法是什么？

我用SASS/Compass。这很好，很容易，但不完美...

2012-12-27 Tymek

什么是“垂直文本节奏”？ –

它将文本基线与水平网格对齐。使它看起来更好。谷歌它的更多信息:)。 – Tymek

@Tymek：我还不太清楚你在问什么。玩具可以更具体地说明你遇到的问题吗？ –

根据评论，“垂直文本节奏”似乎是指线格。线条网格一般在CSS中被忽略，主要是因为它在印刷媒体和多列文本布局中大部分都是相关的。基本上，将物体对齐到网格中的方法是在垂直方向上使用一致的大小，使用相同的单位。例如，如果您以em单位设置线高，也可以在这些单位中设置高度和垂直边距。要将图像放入直线网格中，请将其包装在高度为em单位的容器中。或者，在px单位做所有垂直大小。

确实舍入可能会导致问题，因为em尺寸最终得到转换为像素。因此，如果您将行高设置为1.3em，图像容器高度设置为3.9em，则后者可能不会产生像前者一样多3倍的像素，但会减少一个像素或更多。如果这是至关重要的，并且您考虑使用像素，请记住CSS像素不需要与设备中的物理像素相对应。

在CSS Line Grid Module中，目前仅作为编辑草稿使用，还存在使用实线网格的属性。它们已部分在Chrome中实施，其前缀为-webkit-。如果网格线是理想的，它几乎不能伤害补充说，试图捕捉到的内容的网格，在Chrome可以这样做代码：

body { 
    line-grid: yourNameForLineGrid; 
    line-snap: baseline; 
    -webkit-line-grid: yourNameForLineGrid; 
    -webkit-line-snap: baseline; 
}

来源

2012-12-27 11:24:38

稳定垂直文字节奏的最佳方法是什么？

回答

相关问题