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

زمان مطالعه
2 دقیقهتعداد بازدید
269تعداد پرسش ها
0برچسب ها :
تکنیک های سی اس اس
وسط چین کردن تصاویر با 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;
}


برنامه نویس خوب، موفق و توانایی هایی که باید داشته باشید

کلیک بر روی دکمه های موجود بر روی صفحه با جاوا اسکریپت

آموزش لیست ها (Lists) در html

تگ picture در html

تصاویر پس زمینه در html

تگ map (نقشه تصویری) در html

تصاویر (img) در html

نشانه گذاری (bookmarks) در html

تغییر رنگ لینک ها در html

مخفی کردن متن بلند با css