问题标签 [text-justify]

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 投票
0 回答
345 浏览

javascript - 用于文本对齐字间的 CSS polyfill

我一直在看https://www.w3schools.com/cssref/css3_pr_text-justify.asp一段时间。问题text-justify是目前几乎所有浏览器都不支持它。是否有任何类型的 polyfill 或兼容性垫片可以用来证明我的文本的合理性inter-word

在此处输入图像描述

0 投票
0 回答
456 浏览

reactjs - Safari CSS 仅在单击 text-align: justify 后更新(以沙盒为例)

编辑:短篇小说我做了一个代码沙箱:

https://codesandbox.io/s/928m541rny?fontsize=14

在 Mac版 Safari中打开,如果你稍微拉伸一下窗口,你会看到这个: 在此处输入图像描述

如果您单击文本,则证明正确。


我在 Safari for mac (12.0.3) 上有一个非常有趣的错误,文本在第一次渲染时没有正确证明(屏幕截图 1),它只有在单击它后才正确证明(屏幕截图 2)。

我正在使用带有 Material-UI 的 React 并直接在我的theme.js文件中覆盖我所有 body2 的样式,如下所示:

此实现在 Chrome 上正常工作。该字符串来自我的后端,该后端从 google firestore 检索它。新行由\n字符表示。我正在寻找解决此问题但找不到解决方法(如用html 标签替换\n字符)<br />

我尝试了什么:

  • 搜索与text-align: justifySafari相关的问题
  • 试图玩弄text-justify房产

我实际上不知道在哪里可以解决这个问题,也从来没有遇到过这种错误(点击后更改 css 没有onClick实现任何逻辑。)。这就是我列出这么多标签的原因,因为我暂时没有真正的想法。

漏洞

点击它后,它正确显示: 点击后

附加信息:

我也像这样覆盖根排版(如果我不这样做,则不会显示来自 firestore 字符串的新行):

0 投票
2 回答
2054 浏览

html - 文本在 display flex 中没有正确对齐

请注意,这不是一个简单的“我如何获得 XXX”的问题。我可以实现我想要的外观,但我对如何实现感到惊讶。因此,我担心自己做得不好。

this fiddle所示,div 内的文本左对齐,CSS text-adjust无效。我怀疑这是因为 div 的宽度在某种程度上是无效的,因为将每个数字单元格的宽度设置为例如 15% 会导致预期的行为。

当然,设置宽度与享受弯曲的目的相冲突,所以这不是正确的方法。我通过应用justify-content来达到要求的外观,但我的理解是控制对齐方式(从容器 div 施加在子元素上的位置)应该应用于块(即 div'ish 而不是 span'ish东西)。我在这方面是否感到困惑/错误?

我用谷歌搜索了它,但淹没在无数关于如何在 flex 容器中对齐孩子的帖子中。与我的问题最接近的是here,但我真的不明白它与我想要实现的目标有何不同。此外,它并没有让我理解我的想法哪里出了问题(毫无疑问,它确实发生了,但我希望它不会)。

是否建议在单元格 div 内始终有一个非弹性 div 来封装其中的文本块?这似乎是糟糕的 HTML 标记。

0 投票
1 回答
324 浏览

c# - 如何在 C# WinForms 按钮中左右对齐文本?

抱歉,如果我错过了现有帖子,但我看到的所有帖子都是针对 Android 和 CSS 之类的,而不是 C#。

我正在制作一个媒体管理器,当我搜索时,我有一个流程布局面板,其中填充了将启动与搜索匹配的电影的按钮。我想要做的是有这样的按钮文本(假设管道 | 是按钮的一侧):

我可以证明一个方向,但不能同时证明两者。是否可以?谢谢!

0 投票
1 回答
110 浏览

android - 使用 JUSTIFICATION_MODE_INTER_WORD 对齐 Android EditText

我的应用程序中有一个 EditText。我尝试使用JUSTIFICATION_MODE_INTER_WORDhttps://developer.android.com/reference/android/text/Layout#JUSTIFICATION_MODE_INTER_WORD)使其文本合理:

它根本不起作用,而它正在处理简单的 TextView 控件:

没有记录 EditText 是否支持理由?

我已将最低操作系统设置为 28,但仍然无法正常工作。

关于如何证明我的编辑的任何建议?我不再需要丰富的编辑功能。

0 投票
1 回答
150 浏览

python-3.x - Graphviz 左对齐边缘标签文本

我试图徒劳地试图弄清楚如何在graphviz中左对齐我的边缘标签。如果有人有解决方案请帮忙!

我创建了一个数据集来映射对象依赖关系——然后通过 iterrows 读入 graphviz。

这是我的 Python 代码,它可以使用居中对齐的文本呈现我的边缘标签:

显示中心对齐边缘标签

0 投票
2 回答
217 浏览

react-native - 在对齐模式下反应原生和阿拉伯文本

我正在尝试制作一个带有阿拉伯文字的屏幕。它基本上是一个大的,包含嵌套在其中的较小组件。(容器就像页面,而较小的部分是需要自己处理 onPress 等的部分)。我想让文本以合理的方式显示,行开始/结束一致。所以我去找父级并添加了这个样式:textContainer:{方向:“rtl”,textAlign:“justify”,},它工作得很好,除了最后一行,它从左边而不是右边开始。那么,有没有办法告诉 证明 并让最后一行从正确开始?这是它的外观(https://pasteboard.co/JMDRj1e.png),如果您查看它从左侧而不是从右侧开始的最后一行,我认为这是本机反应的一个错误。

0 投票
1 回答
303 浏览

user-interface - 如何在 Swift UI 中证明文本的合理性?

我是 Swift UI 的新手。我一直在使用故事板。我被困在 swiftUI 的一个地方。你们中的一位能否解释一下如何在 swiftUI 中证明文本的合理性?我提到了几个链接,但它们没有多大帮助。

SwiftUI:对齐文本

请帮忙!我被困在这非常糟糕

0 投票
0 回答
55 浏览

delphi - 在 THTMLViewer 中某些字体不合理

我有简单的html代码

在 ThtmlViewer 中,某些字体是合理的(例如 Arial),但其他字体不是(例如 Calibri) 为什么?是字体问题还是 HTMLViewer?

0 投票
0 回答
189 浏览

android - Android TextView: android:justificationMode="inter_word" 不适用于 android:autoLink="web"

我有一个 textview 必须android:justificationMode="inter_word"证明 TextView 中的文本。

这工作正常。但是现在,当我的 TextView 文本中有一个 URL 时,我想在单击该 URL 时打开浏览器。因此,为了实现这一点,我添加了android:autoLink="web",但如果我这样做,则文本对齐停止并且链接可点击开始工作。

笔记:

我也试过,

  1. 以编程方式在活动中 textview.setMovementMethod(LinkMovementMethod.getInstance());
  2. 在 XML 中 android:linksClickable="true"

但是,这些都不能实现这两个功能(带有理由文本的可点击链接)

如果有人实现了这两件事,请告诉我,TextView 中带有可点击链接的文本对齐。