问题标签 [baseline]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
515 浏览

text - 如何在 svg 文本中获取基线的“dy”?

对于 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 投票
0 回答
39 浏览

css - 背景挂在基线下,字体大小为 0.8em / small

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

在此处输入图像描述

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

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

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

0 投票
1 回答
94 浏览

html - 如何轻松地将元素与“显示:内联块”和“溢出:隐藏”对齐?

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元素一样。

0 投票
1 回答
2457 浏览

ios - 在第一个基线与 UITextField 对齐的 UILabel 在文本字段成为第一响应者(获得键盘)之前不起作用

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

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

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

当我添加这些约束时:

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

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

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

初始状态

键盘打开:

键盘打开

键盘关闭后正确显示:

关闭键盘后

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

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

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

0 投票
1 回答
3683 浏览

android - 减少editText基线和底部之间的空间

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

这就是问题

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

这是xml代码:

0 投票
0 回答
207 浏览

r - 如何在 R 中拟合基线/背景

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

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

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

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

谢谢约翰

0 投票
1 回答
549 浏览

rtc - 停止交付 RTC 基线

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

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

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

0 投票
3 回答
1435 浏览

ios - 使用不同的字体大小垂直对齐两个标签

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

基线未正确对齐

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

上述约束导致

无法同时满足约束。

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

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

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

0 投票
1 回答
380 浏览

diff - 比较基线差异,包括文件内容

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

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

0 投票
2 回答
1495 浏览

css - 图像和文本行之间的垂直间距相等

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

http://jsfiddle.net/r9370Lxr/