HTML中的翻转标点符号[关闭]答案

【问题标题】：Flipped punctuation in HTML [closed]HTML中的翻转标点符号[关闭]
【发布时间】：2014-01-09 06:54:11
【问题描述】：

我得到以下信息（注意引号和“...”在错误的一侧）：

我想要的是"This is a very very very long comment..."

这是 HTML 代码（我使用的是angularjs，但即使没有它也无法使用）：

<span class="comment ng-binding">"This is a very very very long comment..."</span>

这是comment的css：

ul#comment-list .comment-comment .comment {
   color:#000;
   display:block;
   text-align:left
}

我已经检查了 Chrome 开发者工具中的所有设置，以确保某些杂散的 css 规则没有搞砸一切，但无论我禁用什么 css 规则，那里都没有错。

【问题讨论】：

如果不看 ng-binding 在 CSS 或 javascript 中的作用，很难判断发生了什么。我认为它可能会为您添加引号 - 如果是这样，您在跨度中的引号会搞砸。尝试在 span 中不带引号，看看会发生什么。
它似乎工作：jsfiddle.net/nd9Tj
我can't reproduce，您的测试用例中一定缺少某些东西。
@DeborahSpeece 对不起，我应该为那些不熟悉的人提一下。 ng-binding 只是 angularjs 用于跟踪元素的一个类。它没有 CSS 规则。
Are you hiding direction:rtl; from us? 检查该元素的规则以查看是否应用了该规则。

标签： html css

【解决方案1】：

您必须将direction:rtl; 应用于您的评论元素。如here 所述，与direction：

ltr：方向的初始值（即，如果没有另外指定）。文本和其他元素从左到右排列。

rtl：文本和其他元素从右到左

那么，为什么文本不是一个字母一个字母地倒过来呢？

~~要使方向属性对内联元素产生任何影响，unicode-bidi 属性的值必须是embed 或override。~~（在测试中似乎不是这样）

您必须使用 Unicode 控制字符，如 here 所述。和here's a demo;请注意，只有标点符号在第二个输出行被翻转，但所有内容都在第三行翻转（带有控制字符）。

【讨论】：

【解决方案2】：

尝试使用&ldquo; 和&rdquo; 作为左右双引号，而不是使用双引号。参考this。

【讨论】：

【解决方案3】：

引号（即“）在 HTML 中保留。替换为

&quot;

【讨论】：