2017-09-07 2 views
0

텍스트가 줄 바꿈되기 전까지 올바르게 표시되는 아랍어 텍스트가 있습니다. 여기 간단한 예제를 만들어 : 여기아랍어 텍스트 줄 바꿈으로 오른쪽에서 왼쪽으로 구두점이 잘못되었습니다.

https://codepen.io/anon/pen/yodMjv 코드입니다 :

<div style="width:400px"> 
<span style="direction: rtl; font-size: 26px;"> .نعم. عملت كمهندس في شركة مايكروسوفت لمدة خمس سنوات</span> 
</div> 

당신이 볼 수 있듯이, 두 번째 기간은 텍스트의 두 번째 줄에 있어야 텍스트의 첫 번째 줄에 . 내 코드 예제를 가져 와서 너비를 늘려서 모든 것이 한 줄에 오도록하면 구두점이 정확합니다. 이는 텍스트가 줄 바꿈 될 때만 발생합니다.

도움이 될 것입니다.

답변

0

당신은 unicode-bidi를 재설정도해야 할 수 있습니다

unicode-bidi CSS 속성은 함께 방향 속성, 문서의 양방향 텍스트가 처리되는 방법을 결정합니다. 예를 들어 내용 블록에 왼쪽에서 오른쪽 및 오른쪽에서 왼쪽으로 쓰는 텍스트가 모두 포함되어 있으면 사용자 에이전트는 복잡한 유니 코드 알고리즘을 사용하여 텍스트를 표시하는 방법을 결정합니다. unicode-bidi 속성은이 알고리즘을 재정의하고 개발자가 텍스트 포함을 제어 할 수 있도록합니다.

<div style="width:400px"> 
 
<span style="direction: rtl; font-size: 26px;unicode-bidi: embed;"> .نعم. عملت كمهندس في شركة مايكروسوفت لمدة خمس سنوات</span> 
 
</div>

https://css-tricks.com/almanac/properties/u/unicode-bidi/

+0

이 아닌 왼쪽에 문장의 오른쪽에있는 기간을두고 참조하십시오. – Curtis

+0

@Curtis unicode-bidi는 많은 값을 가지고 있습니다 :'unicode-bidi : embed; 유니 코드 - 양방향 : 격리; unicode-bidi : bidi-override; unicode-bidi : isolate-override; unicode-bidi : plaintext;', 스펙을 읽고 필요에 맞는 적절한 값을 사용하십시오. https://developer.mozilla.org/en-US/docs/Web/CSS/unicode-bidi https : // codepen. io/gc-nomade/pen/RLbQLr 내가 읽을 수 없기 때문에, 무엇이 가장 잘 맞는 지 모르겠다. –

+0

@Curtis가 더 나아가려면, 아직 읽지 않았다면 이것을 읽고 싶을 것이다. –

관련 문제