هک شدن سایت های وردپرس
فوریه 9, 2015
هارد دیسک DNA با اطلاعات یک میلیون ساله!
فوریه 17, 2015
نمایش همه

متن چپ چین left-to-right در پاراگراف راست چین right-to-left

بر طرف کردن مشکل شماره تلفن دش دار یا فاصله دار در متن هایی که راست چین هستند (right to left rtl).

حتما دیده اید که در سایت هایی که پارسی زبان هستند، پاراگراف ها دارای خصوصیت “راست چین” یا راست به چپ (right-to-left) هستند. معمولاً وقتی اعداد را در این پاراگراف ها قرار می دهیم، مشکلاتی به وجود می آید.

<p style="direction:rtl;">
Some Persian text

1234-555-818-1
</P>

همانطور که می بینید، اگر شماره تلفن دارای دش (خط تیره) یا فاصله باشد، برعکس نشان داده می شود. یکی از کارهایی که معمولاً انجام میدهند، نوشتن شماره تلفن از آخر به اول است… که این خودش مشکل ساز است! زیرا شماره ها باید در کد های HTML بصورت صحیح نوشته شوند تا اگر موتور جستجو نیاز به خواندن آنها داشت برای استفاده در سرویس هایی مانند Google Places، بتواند شماره صحیح را بخواند.

راهکاری که برای این مشکل وجود دارد، این است با استفاده از CSS اعداد را در یک تگ span با مشخصات زیر قرار می دهیم:

<p style="direction:rtl;">
Some Persian text

<span style="direction:ltr; display:inline-block">
   1-818-555-1234				
</span>
</P>

با ترفند فوق، اعداد بصورت چپ چین (Left to Right) نمایش داده خواهند شد.

5/5 - (2 امتیاز)
امین بهداروند
فارغ التحصیل کارشناسی برق مخابرات هستم. هم اکنون بعنوان کارشناس تجهیزات فیبر نوری و مخابراتی فعالیت می کنم. به زمینه های دیگر شامل برنامه نویسی vb.net و PHP و MySQL و همچنین طراحی وب سایت، طراحی گرفیکی و بازی سازی سه بعدی، بلاگ نویسی، موسیقی و... نیز علاقه مند هستم.

3 دیدگاه ها

  1. ali گفت:

    خیلی ممنون عالی بود

  2. آرمین گفت:

    نجاتم دادی ممنون :)

  3. Mohammad گفت:

    ممنون از شما. خیلی درگیرش شده بودم.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.