وسط چین کردن یک عنصر (div span a) با استفاده از css در طراحی سایت

وسط چین کردن یک عنصر (div span a) با استفاده از css در طراحی سایت

وسط چین کردن یک عنصر (div span a) با استفاده از css در طراحی سایت

یکی از ویژگی هایی که برای طراحی بسیار مورد نظر طراحان است، ظاهر سایت است. در بسیار از موارد نیاز است که یک عنصر div، span،article و یا هر عنصر دیگری در طراحی سایت در وسط باکس بزرگتر یا باکس مادر قرار بگیرد. این که چگونه باید به بهترین روش این کار را انجام داد که هم در سایز های مختلف صفحه همیشه بر حسب عرض باکس والد قابل انعطاف یا ریسپانسیو باشد. با ایران وبر همراه باشید.

وسط چین کردن نوشته با تگ p

برای وسط چین کردن نوشته با تگ p بهتر است از کد text-align استفاده کنید. با این کد شما می توانید به راحتی نوشته ی خود را در وسط باکس والد قرار دهید.

<p style=“text-align:center”>IranWeber.com</p>

وسط چین کردن تگ هایی inline مانند video، img و…

برای وسط چین کردن تگ های این لاین مانند ویدئو، تصویر ، input و … بهتر است این تگ ها را در بین دو P قرار دهید و سپس تگ p را همانند بخش قبل با text-align وسط چین کنید.

برای مثال اگر بخواهیم ویدئویی را وسط چین کنیم می توانیم از این روش استفاده کنیم:

<p style=“text-align:center”><video src=“iranweber.mp4”></video></p>

وسط چین کردن دایو با css

برای وسط چین کردن دایو ها بهتر است از margin استفاده شود. برای این که یک باکس را در باکس والد وسط چین کنید می توانید از کد margin:0 auto استفاده کنید. به مثال زیر توجه کنید:

<div style=“margin:0 auto”>IranWeber.com</div>

این سه روش مهمترین روش ها در وسط چین کردن می باشد. شما می توانید سوالات و مشکلات خود را در این پست از ما بپرسید.


طراحی سایت نوشته‌های تازه دسته‌ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

یک × یک =