направление справа налево не работает должным образом на шрифте урду - PullRequest
Новая
       0

направление справа налево не работает должным образом на шрифте урду

0 голосов
/ 30 мая 2020

У меня есть текст урду в теге html (диапазон). Урду пишется справа налево, поэтому я применил direction:rtl. Но, похоже, это не работает, потому что в последней строке остается место справа. Пример лучше объяснит. 

.r2l {
  direction: rtl;
}
<html>

<head>
</head>

<body>
  <span class='r2l'>خدا کرے کے میری عرض پاک پے اترے</span>
  <span class='r2l'>وہ فصل گل جسے </span>
  <span class='r2l'>اندیشہ زوال نہ ہویہاں جو پھول کھلے کھلا رہےصدیوں یہاں 
  سے خزاں کو گزارنے کی مجال نہ ہو</span>
  <span class='r2l'>یہاں جو سبزہ اگے ہمیشہ سبز رہے</span>
  <span class='r2l'>اور ایسا سبز کے جسکیکوئی مثال نہ ہوخدا کرے کے نہ خام 
   ہو سر وقار وطن اور اس کے حسن کو تشوش ماہ وسا ل نہ ہو ہر ایک فرد ہو 
   تہذیب و فن کا</span>
  <span class='r2l'> اوج و کمال کوئی ملول نہ ہو کوئی خستہ حال نہ ہوخدا کرے 
     میرے ایک بھی ہم وطن کے لئےحیات جرم نہ ہو، زندگی وبال نہ ہو</span>
</body>

</html>

Если вы запустите фрагмент и увидите последнюю строку, она не начинается справа, а оставляет пространство пустым.

Изменить Фактический сценарий добавлен к html, точка наличия промежутков - я прикрепляю атрибут к каждому диапазону, который отображается при наведении курсора (это время добавления текста в базу данных)

Ответы [ 3 ]

1 голос
/ 30 мая 2020

direction само по себе работает на элементах уровня блока, span не block

используйте вместо него тег p 

.r2l {
  direction: rtl;
}
<html>

<head>
</head>

<body>
  <p class='r2l'>خدا کرے کے میری عرض پاک پے اترےوہ فصل گل جسے اندیشہ زوال نہ ہویہاں جو پھول کھلے کھلا رہےصدیوں یہاں سے خزاں کو گزارنے کی مجال نہ ہویہاں جو سبزہ اگے ہمیشہ سبز رہےاور ایسا سبز کے جسکیکوئی مثال نہ ہوخدا کرے کے نہ خام ہو سر وقار وطن اور اس کے حسن کو تشوش ماہ وسا ل نہ ہو ہر ایک فرد ہو تہذیب و فن کا اوج و کمال کوئی ملول نہ ہو کوئی خستہ حال نہ ہوخدا کرے میرے ایک بھی ہم وطن کے لئےحیات جرم نہ ہو، زندگی وبال نہ ہو</p>
</body>

</html>
1 голос
/ 30 мая 2020

rtl не работает с тегами <span>. Дополнительная информация здесь: Использование для добавления направления (dir = "rtl")

Замените <span> и </span> на <p> и </p>

0 голосов
/ 30 мая 2020

Я решил проблему, используя float:right. Это не полностью соответствует тому, что мне нужно, но я каким-то образом работал в своем сценарии. 

.r2l {
  direction: rtl;
  float:right;
}
<html>

<head>
</head>

<body>
  <span class='r2l'>خدا کرے کے میری عرض پاک پے اترے</span>
  <span class='r2l'>وہ فصل گل جسے </span>
  <span class='r2l'>اندیشہ زوال نہ ہویہاں جو پھول کھلے کھلا رہےصدیوں یہاں 
  سے خزاں کو گزارنے کی مجال نہ ہو</span>
  <span class='r2l'>یہاں جو سبزہ اگے ہمیشہ سبز رہے</span>
  <span class='r2l'>اور ایسا سبز کے جسکیکوئی مثال نہ ہوخدا کرے کے نہ خام 
   ہو سر وقار وطن اور اس کے حسن کو تشوش ماہ وسا ل نہ ہو ہر ایک فرد ہو 
   تہذیب و فن کا</span>
  <span class='r2l'> اوج و کمال کوئی ملول نہ ہو کوئی خستہ حال نہ ہوخدا کرے 
     میرے ایک بھی ہم وطن کے لئےحیات جرم نہ ہو، زندگی وبال نہ ہو</span>
</body>

</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...