وسط چین کردن تصاویر با css داخل متن

وسط چین کردن تصاویر با css داخل متن

زمان مطالعه

2 دقیقه

تعداد بازدید

269

تعداد پرسش ها

0

افزودن به لیست علاقه مندی ها



اشتراک گذاری این مطلب
بهزاد میرزازاده
در مورد نویسنده : همیشه سخت تلاش کردم و به موفقیت های خیلی زیادی رسیدم اما دلیل نشد که متوقف بشم من برای هر روز برنامه دارم و به امید موفقیت های بزرگتر قدم بر میدارم همیشه سخت ترین مسئله ها، ساده ترین راه حل رو دارند پس بهانه جویی نباید روش کار ما برنامه نویسان باشه!!! ما می توانیم آینده را تعیین کنیم

وسط چین کردن تصاویر با css داخل متن

وسط چین کردن تصاویر با css داخل متن

زمان مطالعه

2 دقیقه

تعداد بازدید

269

تعداد پرسش ها

0

افزودن به لیست علاقه مندی ها



اشتراک گذاری این مطلب

حتما برای شما هم اتفاق افتاده که نیاز باشه داخل متن های مقالات یا محصولات سایتتون تصویر قرار بدید و این تصویر گذاشته شده عموما باید وسط چین باشه اما در برخی از cms ها یا سایت های برنامه نویسی شده گزینه ای برای اعمال این مورد وجود نداره متاسفانه!

مثلا در پرستاساپ این مورد زیاد دیده میشه.

وسط چین کردن تصاویر داخل متن با css

خوب این مورد رو با چند روش میشه حل کرد به راحتی مثلا با اعمال یک کد css یا jquery 

دقت کنید که با اعمال این کد به بخش مربوطه تمام تصاویر اون بخش وسط چین خواهد شد

برفرض بخش مربوطه ما با آیدی #category-description مشخص شده و وقتی شما تصاویر رو در ویرایشگرهای مختلف داخل متن قرار میدید عموما داخل یک تگ p تصویر شما قرار خواهد گرفت کد ذیل وسط چین کردن تصویر رو انجام خواهد داد.

#category-description p img{
	vertical-align: middle; 
    margin-left: auto; 
    margin-right: auto; 
    display: block;
}
بهزاد میرزازاده
در مورد نویسنده : همیشه سخت تلاش کردم و به موفقیت های خیلی زیادی رسیدم اما دلیل نشد که متوقف بشم من برای هر روز برنامه دارم و به امید موفقیت های بزرگتر قدم بر میدارم همیشه سخت ترین مسئله ها، ساده ترین راه حل رو دارند پس بهانه جویی نباید روش کار ما برنامه نویسان باشه!!! ما می توانیم آینده را تعیین کنیم

پرسش و پاسخ
0
دوره پیشنهادی
دوره پیشنهادی