دلیل استفاده از float در css
سلام دوستان
یک سوالی که ذهن من رو درگیر کرده این هست که با توجه به اینه img از نوع بلاک نمی باشد ولی چرا موقع استفاده کردن از text بعد از آن
متن ما در کنار تصویر قرار نمی گیره ؟ و حتما باید از ویژگی float استفاده کنیم تا این اتفاق بیفته!
پاسخها
7
سلام چون تگ p دیسپلی بلاک داره پیشفرض
درست میفرمایید ولی منظورم این بود که اگر متنی که ما مینویسیم داخل هیچ تگی قرار ندید
یعنی عکس رو داخل تگ img و سپس متن بنویسیم ( دقت کنید که متن داخل p نباشه)
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
بخاطر white-space ای که تصویر میگیره.
برای حلش از کد css زیر استفاده میکنن:
img{
vertical-align : middle
} خب چرا white space تصویر رو گوگل کروم نشون نمیده؟
منظورم اینه که وقتی inspect میزنم ابعادی که تصویر میگیره دقیقا هم اندازه سایز خود تصویر هستش!
ممنون میشم اگر کسی از دوستان اطلاع دقیقی داره راهنمایی کنه🌹
سلام همونطور که دوستمون گفت برای حل این مشکل باید از vertical-align : middle استفاده کنی
البته این درصورتیه که نوشته سمت راست پایین عکست باشه باید به این توجه داشته باشی اون تگی که نوشته داخلشه از نوع block نباشه چون باعث میشه متن یه خط بره پایین.
من ازش زیاد استفاده نمیکنم ولی برام سوال شد سرچ کردم و یه مقاله خوبی یافتم.
https://b.fdrs.ir/6ao
جالبع :)