Kap
4 سال پیش توسط Kap مطرح شد
5 پاسخ

چطور همه چیز رو در css در وسط صفحه قرار دهیم

سلام یه سوال چطوری میشه همه چیز متن عکس و غیره رو در css در وسط صفحه قرار دهیم دقیق در وسط مانیتور


ثبت پرسش جدید
میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
1

منبع بسیار خوب، برای پاسخ به سوال شما:
https://css-tricks.ir/tutorial/وسط-قرار-دادن-عناصر-در-css/


محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 4 سال پیش مطرح شد
2

روش های مختلفی برای این کار وجود داره و چالشی ترین بخشش هم وسط چینی عمودی (vertically) هست. شاید راحت ترین و بهترین روشش امروزه با استفاده از FlexBox و به شکل زیر باشه:

<div class="container">
    <div class="child">SALAM</div>
</div>
.container{
    display: flex;
    justify-content: center;
    align-items: center;
}

.child{
    width: 50px;
    height: 50px;
    background: red;
}

Pouyati
تخصص : font end
@pouyatirdad70 4 سال پیش مطرح شد
0

flex box یاد بگیر خیلی راحته این کار باهاش


فرید اقبالی
تخصص : برنامه‌نویس
@farideghbali 4 سال پیش مطرح شد
0

با استفاده از flexbox ها این کار خیلی راحته میتونید از دوره راکت استفاده کگنید که واقعا عالیه
این کد cssشه

    display: flex;
    justify-content: center;
    align-items: center;

مصطفی پروانه
تخصص : طراح گرافیک و برنامه نویس وب
@mostafam 4 سال پیش مطرح شد
0
.center {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: red;
}

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

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