farshad

2 سال پیش توسط farshad مطرح شد

کار نکردن align-items

سلام دوستان میشه راهنمایی کنید چرا align-items در حالت center برای من کار نمیکنه

کد html

 &lt;nav&gt;  
&lt;div class="nav"&gt;
 
    <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>
 
&lt;/nav&gt;

کد css

 .nav {  
background-color: #f0f0f0;  
filter: drop-shadow(10px 20px 10px rgb(238, 233, 193 ,.2));  
display: flex;  
}  
.nav &gt; .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;
 
}

html_css

html

css

طراحی_وبسایت

ثبت پرسش جدید

Banana Life

@shift.delete 2 سال پیش مطرح شد

سلام
دوست عزیز align-items: center; از عرض وسط میاره ونه طول و همچنین شما ارتفاعی به .log-in ندادید.

ارسال پاسخ

رایموند

تخصص : مختصص وردپرس - برنامه نویس لار...

@Raymond 2 سال پیش مطرح شد

درود خوبی...
کلاس text-center امتحان کنید.

ارسال پاسخ

Banana Life

@shift.delete 2 سال پیش مطرح شد

سلام
دوست عزیز align-items: center; از عرض وسط میاره ونه طول و همچنین شما ارتفاعی به .log-in ندادید.

ارسال پاسخ

farshad

تخصص : برنامه نویس

@fasrshaddggdf3FFF 2 سال پیش مطرح شد

ممنون از راهنماییتون مشکلم حل شد.

ارسال پاسخ

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

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

دوره‌های آموزشی

مسیرهای یادگیری

پیشرفت من

دوره‌های رایگان

گواهی پایان دوره

محبوب‌ترین آموزش‌ها

کار نکردن align-items

گزینش سوالات

گفت و گو های مرتبط

دسته ‌بندی سوالات

تگ‌های محبوب

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

	<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>

	.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;

	}