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