- 21:39 1405/1/16
- میلاد
برای سایت هایی که قراره چند زبانه باشه ، اینکه بین راست چین و چپ چین بدون مشکل جابجا بشی بهترین کار اینه که CSS رو درست استفاه کنی ( حالا با Tailwind یا هر چیز دیگه ای )
بسته به direction که اولش پیاده سازی میکنی (مثلا LTR ):
| به جای این | از این استفاده کن |
| right | end |
| left | start |
| margin-left | margin-inline-start |
| margin-right | margin-inline-end |
| padding-left | paddin-inline-start |
| padding-right | padding-inline-end |
| margin-top | margin-block-start |
| margin-bottom | margin-block-end |
| padding-top | padding-block-start |
| paddin-bottom | padding-block-end |
چرا ؟
چونکه وقتی شما میگی margin-left اگر direction بشه RTL همچنان سمت چپ فاصله داره .( برای مثال Icon و متن رو در نظر بگیر که تو یک منو هستن ، معمولا به متن میگی از icon فاصله بگیره ولی تو direction برعکس جای متن و icon جابجا میشه همین باعث بهم ریختگی میشه ) ولی وقتی میگی margin-inline-start وقتی که RTL باشه از سمت راست و وقتی که LTR باشه از سمت چپ فاصله میگیره .
این کار باعث میشه برای هر چیزی شرط نذاری و یه خط کد تو دوتا حالت کار میکنه.