gpt4 book ai didi

html - 如何解决 BiDi 支架问题?

转载 作者:技术小花猫 更新时间:2023-10-29 11:44:33 24 4
gpt4 key购买 nike

如您所知,有些语言是从右到左书写/阅读的,我们正在努力支持某些 RTL 语言。由于浏览器拥有的算法,在 html 中使用 dir="rtl"的 Web UI 完成了大部分工作。但是我在文本中遇到了这个带有括号的问题:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Bracket problems with BiDi</title>
</head>
<body>

<p style="direction: rtl;">Bracket problem: hello (world):</p>
<p style="direction: rtl;">No bracket problem: hello (world) something:</p>
<p style="direction: rtl;">Bracket problem: (السلام (عليكم </p>
<p style="direction: rtl;">No bracket problem: السلام (عليكم) عليكم </p>

</body>
</html>

问题可以看这里:

enter image description here

所以我希望最后一个括号留在最后。您的解决方案是什么?

最佳答案

这里有很多问题。根据 unicode 标准,括号是中性的,这意味着它们本身不被视为 LTR 或 RTL。他们遵循周围语言的方向。在错误呈现的示例中,右括号的方向被假定为与英语相同,即 LTR。

第一个问题:您告诉浏览器该段落应该被视为 RTL。浏览器发现里面是英文,也就是LTR,所以认为英文是嵌在一个RTL段落里面,最后一个字符“)”就当作是RTL。 (周围的段落是 RTL)。

第二个问题:这里没有问题,简单看一下你提供的源代码,似乎你提供了正确的括号。但实际上,应该在 RTL 文本之后和结束

之前的右括号实际上在起始 RTL 文本之前。如果你输入正确,它看起来是错误的(因为你使用的文本编辑器根据 unicode 假定结束括号是 LTR)。要验证这一点,请将内容复制到您的编辑器,将光标放在“问题:”的末尾,然后反复按向右箭头并观察最后一个括号的位置。

在不给出更多解释的情况下,这里有一些示例可以使它正常工作:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Bracket problems with BiDi</title>
</head>

<body>
<p style="direction: rtl;"><span dir="ltr">Bracket problem no more: hello (world):</span></p>
<p style="direction: rtl;"><span style="direction: ltr; unicode-bidi: embed">Bracket problem no more: hello (world):</span></p>
<p style="direction: rtl;">Bracket problem no more: السلام (عليكم)</p>

<!-- style for p tag below is ltr by default -->
<p>Bracket problem no more: <span dir="rtl">السلام (عليكم)</span></p>
<p>Bracket problem no more: <span style="direction: rtl; unicode-bidi: embed">السلام (عليكم)</span></p>
</body>
</html>

style="direction: ltr;"的方式不同works 和 dir="ltr"works,所以我已经给出了两者的例子。此外,因为我假设您基本上需要解决第二个问题,您主要在其他 LTR 文档中使用 RTL 文本,所以我提供了最后两个示例。

注意:如果最后两个示例是您正在寻找的,并且您将要使用 CSS,则 unicode-bidi 属性是必需的,这就是工作与不工作之间的所有区别。

关于html - 如何解决 BiDi 支架问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5801820/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com