در طول کارم در مورد سازگاری وب در موزیلا ، موارد زیادی را می بینم که به طرزی هیجان انگیز شکسته می شوند. گاهی اوقات ، موارد واضحی مانند مسائل مربوط به compat flexbox است ، اما گاهی اوقات ، شکستگی ها کمی تعجب آور است. امروزه ، ستاره نمایش تنها یک دستورالعمل CSS است:
هنگامی که در مورد مسائل مربوط به سازگاری وب صحبت می کنیم ، بیشتر مردم به یک زیر مجموعه نخبه از شکست های "شناخته شده" یا مشکلات گسترده طرح می پردازند. آنها بندرت در مورد چیزهای بی گناه مانند متن تورفتگی فکر می کنند. و منصفانه بگویم ، بیشتر اوقات ، ما هم افراد را مرور نمی کنیم.
به نظر می رسد این منفی بزرگ text-indent یک هک باشد ، که اغلب برای دور کردن برچسب های کنار آیکون ها استفاده می شود ، تا آنها را از چشم پنهان کند اما در علامت گذاری برای خوانندگان صفحه و عوامل کاربری مشابه نگه دارد. لطفاً این کار را نکنید ، گزینه های بهتری برای صفحه خوان ها وجود دارد. حتی اگر داشتن یک تورفتگی منفی راه حل خوبی به نظر می رسد ، واقعیت تأسف بار این است که text-indent دارای عجیب و غریب عجیب است که از طریق مرورگر متغیر است. دو نمونه ای که در ماه گذشته تصادفاً دیده ام:
… و تعداد زیادی مورد دیگر وجود دارد.
متن-تورفت اندازه یک عنصر را گسترش می دهد ، اما نه در یک جهت ثابت ، اما بستگی به جهت جریان متن دارد. مثالی سریع در اینجا آورده شده است: ]}
<section id = "text-indent-demo" >
<p style = "جهت: ltr؛" > one
<p style = "جهت: rtl؛" > دو
<p
style = "جهت: ltr؛ حالت نوشتن: عمودی-lr؛" > سه
<p style = "جهت: rtl ؛ نوشتن حالت: vertical-lr؛ "> پنج
