دوره زبان تخصصی برای برنامه‌نویسان (هدیه ویژه ثبت‌نام در دوره‌های متخصص) (فرصت محدود ⏰)
۰ ثانیه
۰ دقیقه
۰ ساعت
۱ Volcan
نحوه حذف فاصله بین ایمیج و کاراکتر الفابت
جامعه Html & CSS ایجاد شده در ۲۵ فروردین ۱۴۰۱

سلام وقت بخیر

همه بخش‌ها قابل درک بود, یه سوال برام پیش اومد جوابش هم به نحوی یافتم ولی اگر یک راهکار دقیق‌تر بدید ممنون میشم.

ببینید وقتی ایکون G رو در کنار oogle میگذاریدم بین G ایکون و oogle یک اسپیس هست که باعث فاصبه بین این دو میشه.

راه‌های مختلفی رو امتحان کردم درنهایت تنها زمانی این اسپیس برداشته شد که oogle رو در ادامه تگ img نوشتم یعنی :<p class="p-g-icon" ;">

    <img src="/Image/google-transparent.png" alt="" class="g-icon" >OOGLE

p>

اما اگر متن oogle رو با اینتر به لاین بعد منتقل کنیم بر خلاف قانون حساب نشدن اینترها و اسپیس‌ها ; این اینتر یک اسپیس میشه و یک فاصله بین ایکون و متن میندازه.

اگر راه حلی غیر از این هست ذکر کنید

درود

راه حل اصلی همین هست که پیشنهاد دادید. راه‌های جایگزینی مثل استفاده از مارجین و پدینگ در کلاسهای استایل هم هست اما به دلیل بهینه نبودن توصیه نمیشه، چرا که باید برای انواع مرورگرها و سایزهای مانیتور بازنویسی بشه.

بهترین پاسخ
نازنین کریمی مقدم ۲۷ فروردین ۱۴۰۱، ۰۷:۲۰