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

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

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

بهزاد میرزازاده بهزاد میرزازاده

زمان مطالعه

3 دقیقه

بازدید

389

پرسش و پاسخ

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

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

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

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

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

#category-description p img{
    vertical-align: middle; 
    margin-left: auto; 
    margin-right: auto; 
    display: block;
}