问题标签 [word-spacing]

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 投票
1 回答
83 浏览

css - Css : 自定义字间距属性

我有一行包含 3 个单词,我想在这一行中只为 2 个单词应用 CSS word-spacing 属性,例如:

这是 word-spacing 之后的 3 个词:

2018 年 5 月 9 日上午 10:46

我想要这样:

2018 年 5 月 9 日上午 10:46

谁能给个sol°!

0 投票
2 回答
73 浏览

html - 在设置了字间距的段落下划线

在带下划线的元素中使用字间距时,如果元素包含跨度,则空格没有正确下划线,使其非常难看......

有解决办法吗?

编辑:

我发现这个技巧对我的用例来说几乎是令人满意的:

问题是我想将它与零宽度空间一起使用,例如 \u200B,但由于某种原因,它不起作用。也许我做错了...

0 投票
1 回答
41 浏览

css - CSS 字间距在 Wordpress 菜单链接中不起作用

在 wordpress 菜单栏中的我的标签上使用 CSS 字间距时没有效果。但在开发工具中,它似乎已正确应用于元素。

这是目标网站: www.viayoga.ch

非常感谢您的帮助!

0 投票
0 回答
91 浏览

html - text-align:center + word-spacing 在 Safari 中不起作用

我有两个单词元素,它们应该在同一行,并且仅当它们在同一行时才由 char/image 分隔。文本必须居中。

我当前的解决方案适用于除 Safari 之外的所有浏览器,因为如果设置了字间距,Safari 将无法正确居中文本。

问题示例:https ://jsfiddle.net/k275f1ph/

HTML:

CSS:

如您所见,仅在 Safari 中,文本不以上部元素为中心。

如何解决这个问题?

0 投票
1 回答
284 浏览

html - 非破坏空间(160)和正常空间(32)的宽度不同

在此处输入图像描述

第一行的宽度不等于第二行,原因显然是   和正常空间的宽度不同。字体是 Lato,这仅适用于某些字符。这是一个拉托错误吗?或者有什么办法可以解决这个问题?字母间距或字间距 CSS 不走运

在此处输入图像描述

黑色文本中的间距是不间断空格( 160 )。黑色文本顶部的红色文本间距是正常间距 (32)。字体是 Lato,这只发生在某些字符上( f, r, v, w, y )

0 投票
3 回答
96 浏览

python - 在使用正则表达式连接的单词之间添加一个空格和逗号

我有一个嵌套的 list_3 ,它看起来像:

我想使用正则表达式在每个连接的单词之间添加一个逗号,后跟一个空格,即(HowSector:,SoftwareYear,2010One),到目前为止,我已经尝试编写一个 re.sub 代码来做,通过选择所有没有的字符空白并替换它,但遇到了一些问题:

错误:

我希望输出为:

任何想法如何使用正则表达式来做到这一点?

0 投票
1 回答
674 浏览

react-native - React Native 中的字间距

我们使用 letterSpacing 来表示字母之间的间距

像这样

如果我们想要 react native 中的字间距怎么办?

喜欢[空格]这个

0 投票
2 回答
18 浏览

html - 在这种情况下如何使用字间距?

我想将自定义、设计、计划和关于我们的文本分开,但是当我使用字间距时,关于我们之间的空间也会变大。我尝试过使用 span ,但我不知道我是否正确使用它。

0 投票
5 回答
109 浏览

html - 调整html中文本或单词之间的空格

我有一个问题是如何调整 html 中文本或单词之间的空格。我希望我的结果 2“冒号”对齐可以调整同一行。

下面是我的示例代码:

现在我的结果对齐方式不能像:

结果

我希望预期的结果如下所示:

结果_2

我曾尝试使用<p>替换<span>调整对齐方式,但“冒号”会分解。希望有人能指导我如何解决这个问题。谢谢。

0 投票
1 回答
82 浏览

html - 内联代码周围额外字空间的原因

我的 Sphinx 项目为使用内联代码字体的文档生成 HTML。我使用的文本字体是 Lato;代码字体是 Consolas。

问题在于,无论文档从文本字体转换为内联代码的任何位置,Sphinx 都会插入额外的空间。下面是文本的外观(在另一个应用程序中模拟)和实际外观的快照:

在此处输入图像描述

在此处输入图像描述

行首的代码问题尤其明显。额外的空间使该行看起来是缩进的:

在此处输入图像描述

看起来 Sphinx 正在生成 HTML,它以代码字体组合前面和后面的单词,但事实并非如此:

在此处输入图像描述

我使用的另一个排版工具没有这样做,尽管它会生成类似的 HTML:

在此处输入图像描述

在此处输入图像描述

我假设项目的样式表为 Consolas 字体提供了一些属性,在字体转换前后增加了空间,但我在样式表或浏览器的 HTML 检查器中找不到它。实际上,我在 HTML 中找不到可以做到这一点的属性。我应该寻找什么?


后来——这是对史蒂夫皮尔西评论的回应。我正在编辑原始消息,因为我无法在评论中插入图形。

史蒂夫让我附上一个可重现的样本。恐怕这会很困难,因为项目的某些部分(主题,即基础设施,而不仅仅是内容)是专有的。我应该能够将样式表与主题分开,并使用它们在“干净​​”主题中演示问题,但要做到这一点,我需要了解更多关于主题的知识。可能需要一段时间才能找到时间。

作为一种替代方法,我从浏览器的 HTML 检查器中附加了输出、HTML 和整套适用样式的快照。所有相关信息都应该在那里。

显示器:

显示器

生成它的 HTML:

生成它的 HTML

样式 (1 of 5)

样式 (1 of 5)

(5 个中的 2 个)

(5 个中的 2 个)

(5 个中的 3 个)

(5 个中的 3 个)

(5 个中的 4 个)

(5 个中的 4 个)

(5 个中的 5 个)

(5 个中的 5 个)

回应史蒂夫皮尔西,11/29:

我遵循史蒂夫的 11/29 建议并看到以下内容。

对于一段内联代码:

对于封闭体类型:

我看到的唯一可能相关的属性是内联代码中的 box-sizing 和 body 类型中的 margin-right。我尝试更改两者(分别更改为 content-box 和 0),但这没有效果。

12 月 5 日:Steve Piercy 写道,“你越来越近了。我看到了 4 个 margin-* 属性,你可以检查和覆盖它们。”

恕我直言,我没有看到任何类似的东西。我选择了一段内联代码并在属性堆栈上上下滚动了几次,当我找不到边距属性时,我将整个内容复制并粘贴到文本编辑器中并搜索“边距”。没有实例。

这是代码检查器右侧列的全部内容(仍然选择了一段内联代码):

在此处输入图像描述