<div style="direction: rtl">
[x]y
</div>您可以看到 HTML 文本 [x]y 显示为 x]y]。
这个结果的原因是什么？
PS：我在 Chrome 56.0.2924.87（64 位）中得到了这个结果。
【问题讨论】：
y[x]
y[x]，Vivaldi 和 Chrome 显示为x]y]
标签： html css right-to-left
我不能告诉你原因，但我可以告诉你如何解决它：添加unicode-bidi: bidi-override;。请参阅more 了解它
<div style="direction: rtl; unicode-bidi: bidi-override;">
[x]y
</div>描述
unicode-bidi 属性与direction 属性一起使用来设置或返回是否应覆盖文本以支持同一文档中的多种语言。
不够清楚，无法解释该行为。但是，它有效。
编辑
The MDN article 在这里带来了一些亮点，bidi-override 实际上禁用了浏览器标准的智能行为，并且一切都按原样/按预期工作。
【讨论】：
它被正确渲染，即根据规范。您已要求从右到左的布局。渲染首先采用[ 字符。它在方向上是中性的，因此在 RTL 运行中呈现在最右边并被镜像（所以它看起来像 ]）。接下来，它的左侧依次是 x]y，因为拉丁字母 x 和 y 具有固有的从左到右的方向性，而中性的 ] 从它们那里获得方向性。
要得出的结论取决于您想要的渲染以及您使用从右到左方向性的原因。
【讨论】：
[x] 呈现为[x]（不是x]]）？通过 JSFiddle 检查结果。
<font color=red>[</font>。变红的是最右边的字符；它被镜像，因此看起来像“]”。同样，最左边的字符是用“[”字形呈现的“]”。
so it looks like “[” 应该是 so it looks like “]” 吗？
经过一番研究，我发现the following info：Right-To-Left text direction
括号和方括号没有固有的方向。左括号位于 LTR 和 RTL 文本运行之间，因此不能“继承”周围文本的方向。因此，它默认为段落的 RTL 基本方向，并放置在希伯来语单词 shalom 的左侧。请注意，右方括号嵌入在从左到右的单行文本中。因此，它采用其周围文本的方向，并放置在英文单词 shalom 的右侧。
【讨论】：
其中一种解决方案是在括号后添加&#x200e;
感谢@freeworlder 提供的解决方案 brackets displays wrongly for right to left display style
即使您可以使用其他字符，请点击此链接 http://www.codetable.net/hex/200e
【讨论】：
尝试在需要闭合方括号的地方使用开放方括号“[”，反之亦然。我有一个字母映射到“[”的字体，它不会显示。我将数据库中的字母更改为“]”并且它起作用了。
【讨论】：