在HTML中翻转标点符号

时间:2014-01-08 22:02:08

标签: html css html5 css3

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

enter image description here

我想要的是"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规则。

3 个答案:

答案 0 :(得分:5)

您必须将direction:rtl;应用于评论元素。如上所述heredirection

  

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

     

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

那么,为什么文字不会倒退,以字母换?

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

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

答案 1 :(得分:-3)

引号(即“)以HTML格式保留。替换为

&quot;

答案 2 :(得分:-3)

不要使用双引号,而是使用&ldquo;&rdquo;作为左右双引号。请参阅this