آراد
3 سال پیش توسط آراد مطرح شد
7 پاسخ

دلیل استفاده از float در css

سلام دوستان
یک سوالی که ذهن من رو درگیر کرده این هست که با توجه به اینه img از نوع بلاک نمی باشد ولی چرا موقع استفاده کردن از text بعد از آن
متن ما در کنار تصویر قرار نمی گیره ؟ و حتما باید از ویژگی float استفاده کنیم تا این اتفاق بیفته!


ثبت پرسش جدید
محمد رستمی
تخصص : طراح و برنامه نویس وب
@mohammadphp 3 سال پیش مطرح شد
0

سلام چون تگ p دیسپلی بلاک داره پیشفرض


آراد
تخصص : دانشجو
@aradolfati 3 سال پیش آپدیت شد
0

درست میفرمایید ولی منظورم این بود که اگر متنی که ما می‌نویسیم داخل هیچ تگی قرار ندید
یعنی عکس رو داخل تگ img و سپس متن بنویسیم ( دقت کنید که متن داخل p نباشه)


mimv
تخصص : هیچی
@mimV 3 سال پیش مطرح شد
2

بخاطر white-space ای که تصویر می‌گیره.
برای حلش از کد css زیر استفاده میکنن:

img{
vertical-align : middle
} 

آراد
تخصص : دانشجو
@aradolfati 3 سال پیش مطرح شد
-1

خب چرا white space تصویر رو گوگل کروم نشون نمیده؟
منظورم اینه که وقتی inspect میزنم ابعادی که تصویر میگیره دقیقا هم اندازه سایز خود تصویر هستش!


آراد
تخصص : دانشجو
@aradolfati 3 سال پیش مطرح شد
0

ممنون میشم اگر کسی از دوستان اطلاع دقیقی داره راهنمایی کنه🌹


Yasin
تخصص : Laravel
@yasinFaraji 3 سال پیش مطرح شد
1

سلام همونطور که دوستمون گفت برای حل این مشکل باید از vertical-align : middle استفاده کنی
البته این درصورتیه که نوشته سمت راست پایین عکست باشه باید به این توجه داشته باشی اون تگی که نوشته داخلشه از نوع block نباشه چون باعث میشه متن یه خط بره پایین.


علیرضا خاکسار
تخصص : برنامه نویس html , css , php ,...
@AlirezaKhaksar 3 سال پیش آپدیت شد
1

من ازش زیاد استفاده نمیکنم ولی برام سوال شد سرچ کردم و یه مقاله خوبی یافتم.
https://b.fdrs.ir/6ao
جالبع :)


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام