在HTML中翻转标点符号

Question

我得到以下内容(请注意引号和错误的"......"):

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

这是HTML代码(我正在使用,angularjs但即使没有它也无法使用):

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

这是css comment:

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

我已经检查了Chrome开发者工具中的所有设置,以确保一些流浪的css规则不会弄乱一切,但是没有任何错误,无论我禁用什么css规则.

Answer 1

您必须已direction:rtl;应用于评论元素.如前所述这里,有direction:

ltr:方向的初始值(即,如果没有另外指定).文本和其他元素从左到右.

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

那么,为什么文本没有倒退,以字母换？

要使direction属性对内联级元素产生任何影响,unicode-bidi属性的值必须为embed或override. (在测试中似乎不是真的)

您必须使用Unicode控制符,如所描述这里.而且这里有一个演示 ; 请注意,只有标点符号在第二个输出行上翻转,但所有内容都在第三行(带有控制字符)上翻转.