کار نکردن align-items
سلام دوستان میشه راهنمایی کنید چرا align-items در حالت center برای من کار نمیکنه
کد html
<nav>
<div class="nav">
<ul class="nav-link">
<li class="nav-item">خانه</li>
<li class="nav-item">محصولات</li>
<li class="nav-item">مشتری</li>
<li class="nav-item">مقالات</li>
<li class="nav-item">آموزش ها</li>
</ul>
</div>
<div class="log-in">
<i class="fa fa-sign-in" style="font-size:50px"></i>
</div>
</nav>کد css
.nav {
background-color: #f0f0f0;
filter: drop-shadow(10px 20px 10px rgb(238, 233, 193 ,.2));
display: flex;
}
.nav > .nav-link {
display: inherit;
padding: 30px;
}
.nav-item {
display: inherit;
margin-right: 30px;
font-size: large;
}
.log-in {
display: flex;
margin: auto;
justify-content:flex-end;
align-items: center;
}گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
![user-avatar]()
![user-avatar]()
![user-avatar]()
Banana Life
@shift.delete
2 سال پیش
مطرح شد
گزارش تخلف
کپی کردن
1
سلام
دوست عزیز align-items: center; از عرض وسط میاره ونه طول و همچنین شما ارتفاعی به .log-in ندادید.
گزارش تخلف
کپی کردن
0
Banana Life
@shift.delete
2 سال پیش
مطرح شد
گزارش تخلف
کپی کردن
1
سلام
دوست عزیز align-items: center; از عرض وسط میاره ونه طول و همچنین شما ارتفاعی به .log-in ندادید.
گزارش تخلف
کپی کردن
0