2014-01-08 2 views
1

Я получаю следующее (обратите внимание на кавычки и «...» на изнаночной стороне):перелистывание пунктуации в HTML

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> 

Это CSS для comment :

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

Я проверил все настройки инструментов разработчика Chrome, чтобы убедиться, что некоторое бездомное правило CSS не баловаться все, но нет ничего плохого нет, независимо от того, каких правил CSS отключить.

+2

Трудно сказать, что происходит, не видя, что такое ng-binding в CSS или javascript. Я думаю, что это может добавить к себе отметки кавычек - если так, ваши кавычки в промежутке будут испорчены. Попробуйте без кавычек в промежутке и посмотрите, что произойдет. – Deborah

+0

Кажется, что работает: http://jsfiddle.net/nd9Tj/ – Cilan

+3

Я не могу воспроизвести (http://jsfiddle.net/m2ej6/), что-то должно отсутствовать в вашем тестовом примере. – Quentin

ответ

5

Вы должны быть direction:rtl; применены к вашему комментарию элементу Как указано here с direction:.

ltr: Начальное значение направления (то есть, если не указано иное). Текст и другие элементы идут слева направо.

РТЛ: Текст и другие элементы идут справа налево

Почему тогда текст не назад, письмо-для-письма?

Для свойства направлении, чтобы иметь никакого влияния на элементы инлайн-уровня, значение unicode-bidi отеле должно быть embed или override. (кажется, не относится к тестированию)

Необходимо использовать символ управления Юникодом, как описано here. И here's a demo; обратите внимание, что на второй выходной строке перевернута только пунктуация, но все перевернуто на третьей строке (с контрольным символом).

-3

Символ котировки (то есть «) зарезервировано в HTML. Замените его

&quot; 
-3

Вместо использования двойных кавычек пытаются использовать &ldquo; и &rdquo; для левых и правых двойных кавычек. См this.

Смежные вопросы