خانه / تجربه من / چگونه تگ div را در وسط صفحه قرار دهیم؟

چگونه تگ div را در وسط صفحه قرار دهیم؟

از امروز تجربیاتی رو که در طراحی و زمینه وب کسب می کنم در اختیار شما قرار خواهم داد

خب برای شروع این موضوع می خوام قرار دادن تگ دیو در وسط صفحه به شما آموزش بدم

منظور از ان کار اینه که شما تگ div تون رو دقیقا وسط بزارین و اگه صفحه تون رو کوچیک و یا بزرگ کنید اون باز در وسط صفحه قرار میگیره و بزرگی و کوچکی و بهتر بگم روزلیشن بر اون تاثیر نمی زاره

توضیحات ،مشاهده دمو و دانلود در ادامه مطلب…

برای این کار شما باید در استایل تگ div تون این ویژگی ها رو تعریف کنید

 

یه نکته : بعضی از دوستان منظورشون از قرار دادن div در وسط صفحه این هست که تگ div رو طوری قرار بدن که از دقیقا از سمت راست و چپ در وسط قرار بگیره و و هر چی هم بزرگنمایی بشه بازم وسط باشه(در بالا از چهار طرف بود)

برای انجام اینکار باید بین تگ body کد زیر رو اضافه کنید:

باید دقت کنید که خط اول باید بعد از تگ <body> قرار بگیره

و خط دوم قبل از تگ <body/> قرار بگیره

امیدوارم به کارتون بیاد

راستی اگه از این مطلب خوشتون اومده لطفا بهش امتیاز بدین،ممنون

 

درباره ی مرتضی لطفی نژاد

یادم می یاد از کوچیکی علاقه زیادی به کامپیوتر داشتم و اولین کاری رو که یاد گرفتم تعویض ویندوز بود هیچ وقت از بازی با کامپیوتر خوشم نمی یاد.به طراحی وبسایت علاقه زیادی دارم و از یاد گرفتن لذت می برم

5 دیدگاه

  1. مرسی جالب بود
    من تو کارام بیشتر پوزیشن رو تاپ میگیرم
    سنتر برای این کار خوب بود فکر نمیکنم به جدولامون کمک زیادی کنه

  2. بکگراند چه ربطی به موقعیت div داره مهندس جان

    • مرتضی لطفی نژاد

      با سلام

      background-image:url('farsscript_logo-min.png');
      background-repeat:no-repeat;
      background-attachment:fixed;
      background-position:center center;
      

      1-اولی خود تصویر رو می یاره
      2-دومی باعث تکرار نشدن تصویر میشه
      3-سومی اون رو ثابت میکنه و اسکرول روش تاثیر نداره
      4-چهارمی مکان اون رو وسط قرار میده
      البته مطمئنا راه های دیگه ای هم برای اینکار هست که من اولین راه حلی که به ذهنم رسید رو انجام دادم
      ممنون از نظرتون

  3. خیلی کار من رو راه انداخت مرسی واقعا

پاسخ دهید

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

به خانواده بزرگ فارس اسکریپت بپیوندید

با عضویت در سایت فارس اسکریپت به مطالب بروز کسب درآمد از طراحی صفحات وب و طراحی قالب دست خواهید یافت

Powered by themekiller.com