گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
![user-avatar]()
![user-avatar]()
گزارش تخلف
کپی کردن
1
منبع بسیار خوب، برای پاسخ به سوال شما:
https://css-tricks.ir/tutorial/وسط-قرار-دادن-عناصر-در-css/
محمدحسن یگانه
تخصص :
Full-Stack Web Developer Freel...
@mhyeganeh
5 سال پیش
مطرح شد
Full-Stack Web Developer Freelancer
گزارش تخلف
کپی کردن
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;
}
گزارش تخلف
کپی کردن
0
گزارش تخلف
کپی کردن
0
با استفاده از flexbox ها این کار خیلی راحته میتونید از دوره راکت استفاده کگنید که واقعا عالیه
این کد cssشه
display: flex;
justify-content: center;
align-items: center;
گزارش تخلف
کپی کردن
0
.center {
position: absolute;
width: 100px;
height: 100px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: red;
}