یوسف
1 هفته پیش توسط یوسف مطرح شد
3 پاسخ

html css

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


ثبت پرسش جدید
محمدجوکار
تخصص : دانشجوی برنامه‌نویسی
@mjokarr 1 هفته پیش مطرح شد
0

سلام یوسف جان اوقات شما بخیر.
موارد فرانت رو کمی سخته اینطوری با متن توضیح داد اونم وقتی که شما ساختار کدها رو فراموش کردید.
به هرحال توصیه اول بنده اینه ک حتما حتما حتما چت‌جی‌پی‌تی رو واردش شو که در کنار کد زدنت بهت کمک کنه. چون این حد سوالت ساده بود، حدس میزنم سره موضوع‌های دیگه هم به مشکل بخوری، که اگر این طور بشه، دیگه شما مجبور نیستی هی بیای از بقیه بپرسی و پاس‌کاری بشه. با چت‌جی‌پی‌تی راحت خودت گلیمتو از آب بیرون میکشی توی این موارد ساده.
ضمنا رفقای اینجا هم جدیدا عادت کردن جوابهای ai رو میارن کپی میکنن برا بقیه.. پس خودت همین اول کار برو سراغ ai.

خب، بیخیال‌
درکل راه های زیااادی هست برای این مورد‌ برای همین میگم قابل توضیح نیست.

اگ با بوتسترپ باشی، d-flex justify-content-center align-items-center
اگ با تیلویند هستی وابسته به ورژن ۳ یا ۴ بخش container تفاوت داره ولی مجدد مثه بالاس: flex justify-center align-center
اگ با سی‌اس‌اس خام هستی:
روش اول: تنظیم با position و تنظیمِ top bottom left right
روش دوم: دادنِ width و height به div و اعمالِ margin: auto.
روش سوم: به div پدر: justify-content: center align-items: center بدی ک دیگه فرزنداش وسط‌چین بشن.
روش پنجم: به پدر display: graid بدی و به فرزنداش margin: auto بدی.
روش پنجم برای تکست: text-align: center
برای فاصله دادن از چپ و راست:
فاصله از بیرون: margin-right و margin-left و margin-top وmargin-bottom استفاده کن یا مختصرشون ک میشه margin
فاصله از داخل هم که paddingهستش. پوباره مثه بالاpadding- top وووو بقیه‌ی موارد
اینا هر کدوم توی یه شرایطایی کار میکنن. یعنی شما باید ساختار رو بلد باشی ک بدونی کدوم رو چه تایمی استفاده کنی..

به همین علت، توصیه‌ی من بابت استفاده از جی‌پی‌تی رو جدی بگیر لطفا.
سوالی بود درخدمتیم،
جانی و دلی🎈🫰🏽


یوسف مهاجری
@yousof1545 1 هفته پیش مطرح شد
1

خیلی ممنونم از تون اقای جوکار
چشم از chatgpt استفاده میکنم


محمدطاهر غلامی
تخصص : برنامه نویس وب
@MohammadTaher.GH 7 روز پیش مطرح شد
0

سلام خیلی خیلی سادس فرض کن المان اصلیت اسمش .con هست و توی بادی قرار داره این رو بنویس

body{
display:flex;
align-items: center;
justify-content: center;
}

اینجوری باکس کاملا وسط قرار میگیره و برای حرکت دادنش هم از margin, padding, یا top, left و اینا میتونی استفاده کنی


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام