حذف زیر خط‌های فضای انتهایی از گروه‌های تگ لنگر

ek3nk4r 2023-06-15

0 42 خواندن این مطلب 1 دقیقه زمان میبرد

پیشنهاد ویژه

خرید فالوور واقعی خرید لایک اینستاگرام خرید ویو اینستاگرام خرید فالوور اینستاگرام

اخیراً وقتی روی برخی از سبک‌ها برای وبلاگم کار می‌کردم، به مشکلی برخوردم که در آن بلوکی از تگ‌های لنگر در JSX رندر شده بودند، و درست به نظر نمی‌رسیدند.

فهرستی از برچسب‌ها با فاصله‌های انتهایی که زیر آنها خط کشیده شده است

همه پیوندها دارای فضاهای انتهایی بودند و زیر آن فضاها خط کشیده می شد!

فهرست مطالب

چگونه به اینجا رسیدیم؟

من آرایه ای از برچسب ها را داشتم و آنها در یک نشان داده می شدند <div>، مانند:

<div>
    {
        tags.map((tag) => (
            <a class="tag" href={`#`}>
                #{tag}
            </a>
        ))
    }
</div>

من به طور کامل متوجه نشدم که چرا فضای زیرخط دار و دنباله دار رندر می شود و وقتی خدایان جاوا اسکریپت مرا مسخره می کردند گریه می کردم.

پس از گذشتن از آن، سعی کردم آن را تغییر دهم word-wrap و دیگر سبک های مختلف CSS برای تعمیر پیوندها، بدون موفقیت. اعتراف می کنم که یافتن راه حلی بیش از آنچه انتظار داشتم طول کشید، و این وبلاگ را نوشتم تا من را از شر آینده ام که به ناچار دوباره با این مشکل مواجه می شود نجات دهم.