问题标签 [baseline]

对于 svg 文本元素，坐标应用于基线的左下角。

我有一个宽度和高度已知的文本，因此我可以设置 row.height = 2 * text.height 然后我想在这一行中放置 2 个文本元素，一个在另一个之上，并将 text.y 坐标设置为coordinate of top left corner of row + text.heigh * 2. 将文本的底线设置在行边框正上方，但此坐标适用于基线，因此文本很少降低。你可以在图片上看到它。

那么，如何知道基线偏移量，设置文本坐标如

y = top left corner of row + height of text - baseline offset ?

我在Jsfiddle上的例子

我有一个链接图标，它在基线下“挂起”，只是因为我使用字体大小 0.8em。

测试：http: //jsfiddle.net/4a49qmw0/

在最近的 Win8 上的 Chrome 和 Firefox 中测试并确认。

如何解决这个问题？我想继续使用字体大小 0.8em。

inline-block元素使用overflow: hidden自己的位置，因此它们的底部边距是基线。来自http://www.w3.org/TR/CSS2/visudet.html#leading：

'inline-block' 的基线是它在正常流中的最后一个行框的基线，除非它没有流入行框，或者如果它的 'overflow' 属性具有除 'visible' 之外的计算值，在在这种情况下，基线是底部边距边缘。

在实践中，这意味着这些元素会意外上移；例如，<td>元素内部不会垂直居中。一个更简单的例子：

divwith与其周围的overflow: hidden线不共享相同的基线。

我正在寻找一种简单的方法来使其div自身对齐，就好像它遵循inline-block元素的正常规则一样。基本上，我想编写一个“正常工作”的自定义元素，无论它的消费者是否应用vertical-align样式，还是将其放在 a<td>中等等。

该表有一个示例，我希望元素垂直居中，但它会将自身向上推（其余行向下）。

这个小提琴有更多的例子展示了当一个元素是display: inline-block; overflow: hidden.

需要明确的是，这个问题是问是否<div style="overflow: hidden">可以将 a 包装成可以将其视为常规inline-block元素，智能地定位自身，无需 JS 或基于字体的像素调整。我希望能够将样式应用于最终组件，以便随意定位或对齐它，就好像它是一个常规inline-block元素一样。

我在各种不同的设置中都遇到了这个问题，无论是使用 IB 还是手动定义约束时。这是当前设置：

我在容器视图中有一个标签和一个文本字段，使用以下视觉格式约束：

对于这些约束，标签位于屏幕左上角的容器视图之外（实际上位于导航栏下方）。

当我添加这些约束时：

标签位于距顶部 4pt 的位置（与新约束匹配）。

在这两种情况下，一旦我点击打开键盘然后再次关闭它的文本字段（无需更改即可），标签与文本字段基线正确对齐。

[编辑：添加了一些截图] 初始状态：

键盘打开：

键盘关闭后正确显示：

在 Xcode 调试器中，基线约束在键盘打开和关闭之前显示为不活动，在键盘打开和关闭之后显示为活动。

似乎直到第一次编辑之后才（正确）计算文本字段的基线。使用 nil、@"" 或某些文本初始化文本字段不会影响行为。

问题是，是什么导致了这种行为，更重要的是，我能做些什么呢？

在 android 中将 EditText 视图放在 TextView 旁边时，可以将其与 TextView 的基线对齐。有没有办法减少基线和实际底部（EditText 底部的黑线）之间的空间？

我也不希望黑线向下。我只希望 thext "0" 和底部黑色基线之间的空间缩小。

这是xml代码：

我正在尝试在核磁共振光谱中拟合背景形状。为此，到目前为止，我一直在使用 loess 函数。

首先，我尝试识别所有峰值（或多或少地起作用）并将它们从光谱中移除。然后我尝试用黄土函数拟合光谱的其余部分。

我现在的问题是，如果峰的去除不能完美地工作，仍然有一些点显然不是背景。

有没有办法告诉拟合不要检查数据，即拟合线总是低于数据点（这显然是你想要的基线）？我的希望是，如果我能够将拟合限制在数据点以下，我可以找到合适的参数，从而忽略峰值中的剩余点。

谢谢约翰

我在我的工作区中创建了一个基线，却忘记了我有一些未交付的更改。这些更改不应该是基线的一部分。

更改和基线尚未交付到流中，是否有办法摆脱这个未交付的基线和未交付的更改？

删除工作区并创建一个新工作区可以吗？

我有一个父母UIView，我在上面贴了两个标签。这些标签中的每一个只有一行，如下所示：

现在的问题是基线是错误的。我正在使用自动布局，问题是在这种情况下我的约束应该是什么样子？特别是标签的垂直定位。这些是我目前的限制：

上述约束导致

无法同时满足约束。

因为居中和第一个基线约束相互冲突。标签应占父级的全高，但字体大小不同。

我试图将标签固定在顶部/底部，但这并不适用于所有情况。

我应该如何垂直放置我的标签？

我知道我可以使用 diffbl 命令来比较两个基线。但是我怎么能要求命令打印出所有不同文件的差异呢？

这甚至可能还是我需要编写脚本或其他东西？任何指针？

我正在尝试将设计转换为 HTML/CSS，在图像和文本之间具有相等的垂直空间，但无法这样做。设计师创建了图像、标题和 desc 之间的 20px 边距，但由于 CSS 处理行高的方式，所有这些元素之间的空间并不相同。

http://jsfiddle.net/r9370Lxr/