问题标签 [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.
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
?
css - 背景挂在基线下,字体大小为 0.8em / small
我有一个链接图标,它在基线下“挂起”,只是因为我使用字体大小 0.8em。
测试:http: //jsfiddle.net/4a49qmw0/
在最近的 Win8 上的 Chrome 和 Firefox 中测试并确认。
如何解决这个问题?我想继续使用字体大小 0.8em。
html - 如何轻松地将元素与“显示:内联块”和“溢出:隐藏”对齐?
inline-block
元素使用overflow: hidden
自己的位置,因此它们的底部边距是基线。来自http://www.w3.org/TR/CSS2/visudet.html#leading:
'inline-block' 的基线是它在正常流中的最后一个行框的基线,除非它没有流入行框,或者如果它的 'overflow' 属性具有除 'visible' 之外的计算值,在在这种情况下,基线是底部边距边缘。
在实践中,这意味着这些元素会意外上移;例如,<td>
元素内部不会垂直居中。一个更简单的例子:
div
with与其周围的overflow: hidden
线不共享相同的基线。
我正在寻找一种简单的方法来使其div
自身对齐,就好像它遵循inline-block
元素的正常规则一样。基本上,我想编写一个“正常工作”的自定义元素,无论它的消费者是否应用vertical-align
样式,还是将其放在 a<td>
中等等。
该表有一个示例,我希望元素垂直居中,但它会将自身向上推(其余行向下)。
这个小提琴有更多的例子展示了当一个元素是display: inline-block; overflow: hidden
.
需要明确的是,这个问题是问是否<div style="overflow: hidden">
可以将 a 包装成可以将其视为常规inline-block
元素,智能地定位自身,无需 JS 或基于字体的像素调整。我希望能够将样式应用于最终组件,以便随意定位或对齐它,就好像它是一个常规inline-block
元素一样。
ios - 在第一个基线与 UITextField 对齐的 UILabel 在文本字段成为第一响应者(获得键盘)之前不起作用
我在各种不同的设置中都遇到了这个问题,无论是使用 IB 还是手动定义约束时。这是当前设置:
我在容器视图中有一个标签和一个文本字段,使用以下视觉格式约束:
对于这些约束,标签位于屏幕左上角的容器视图之外(实际上位于导航栏下方)。
当我添加这些约束时:
标签位于距顶部 4pt 的位置(与新约束匹配)。
在这两种情况下,一旦我点击打开键盘然后再次关闭它的文本字段(无需更改即可),标签与文本字段基线正确对齐。
[编辑:添加了一些截图] 初始状态:
键盘打开:
键盘关闭后正确显示:
在 Xcode 调试器中,基线约束在键盘打开和关闭之前显示为不活动,在键盘打开和关闭之后显示为活动。
似乎直到第一次编辑之后才(正确)计算文本字段的基线。使用 nil、@"" 或某些文本初始化文本字段不会影响行为。
问题是,是什么导致了这种行为,更重要的是,我能做些什么呢?
android - 减少editText基线和底部之间的空间
在 android 中将 EditText 视图放在 TextView 旁边时,可以将其与 TextView 的基线对齐。有没有办法减少基线和实际底部(EditText 底部的黑线)之间的空间?
我也不希望黑线向下。我只希望 thext "0" 和底部黑色基线之间的空间缩小。
这是xml代码:
r - 如何在 R 中拟合基线/背景
我正在尝试在核磁共振光谱中拟合背景形状。为此,到目前为止,我一直在使用 loess 函数。
首先,我尝试识别所有峰值(或多或少地起作用)并将它们从光谱中移除。然后我尝试用黄土函数拟合光谱的其余部分。
我现在的问题是,如果峰的去除不能完美地工作,仍然有一些点显然不是背景。
有没有办法告诉拟合不要检查数据,即拟合线总是低于数据点(这显然是你想要的基线)?我的希望是,如果我能够将拟合限制在数据点以下,我可以找到合适的参数,从而忽略峰值中的剩余点。
谢谢约翰
rtc - 停止交付 RTC 基线
我在我的工作区中创建了一个基线,却忘记了我有一些未交付的更改。这些更改不应该是基线的一部分。
更改和基线尚未交付到流中,是否有办法摆脱这个未交付的基线和未交付的更改?
删除工作区并创建一个新工作区可以吗?
ios - 使用不同的字体大小垂直对齐两个标签
我有一个父母UIView
,我在上面贴了两个标签。这些标签中的每一个只有一行,如下所示:
现在的问题是基线是错误的。我正在使用自动布局,问题是在这种情况下我的约束应该是什么样子?特别是标签的垂直定位。这些是我目前的限制:
上述约束导致
无法同时满足约束。
因为居中和第一个基线约束相互冲突。标签应占父级的全高,但字体大小不同。
我试图将标签固定在顶部/底部,但这并不适用于所有情况。
我应该如何垂直放置我的标签?
diff - 比较基线差异,包括文件内容
我知道我可以使用 diffbl 命令来比较两个基线。但是我怎么能要求命令打印出所有不同文件的差异呢?
这甚至可能还是我需要编写脚本或其他东西?任何指针?
css - 图像和文本行之间的垂直间距相等
我正在尝试将设计转换为 HTML/CSS,在图像和文本之间具有相等的垂直空间,但无法这样做。设计师创建了图像、标题和 desc 之间的 20px 边距,但由于 CSS 处理行高的方式,所有这些元素之间的空间并不相同。