سلام من اين آموزش کامل ديدم و ميخوام از قابليت space between استفادده کنم ولي چون 3 تا عنصر توي بخش nav دارم يکي از عنصر هامو مياره وسط چي کار بايد بکنم که اون عنصري که اومده وسط بياد به عنصر سمت چپ که space between به چسب با قابليت align self هم زدم نشد خيلي ممنون ميشم راهنماييم کنيد با تشکر
با سلام خدمت شما همراه عزیز
اگر بخوایید دوتا همراه هم باشن باید گروه کنید
سلام الان مشکلش با گروه کردن حل شد و اینکه الان space between داره و 3تا عنصر دارم که 1 دونه قسمت چپ و 1 دونه وسط و 1 دونه راست قرار داره وقتی که عنصر چپ میگم از سمت چپ با مارجین فاصله بگیر عنصری که وسط قرار داره یه کوچولو میره به سمت راست چی کار کنم که نره ؟
میتونید از position relative و همچنین left استفاده کنید ولی معمولا فاصله spce between استاندارد هست
از اینسپکت کمک بگیرید ببینید مارجین مشکلش چی هست که فاصلع میندازه
منظورم اینکه عنصر وسطی با مرجینی که عنصر چپی میگیره میاد سمت راست با position اینا درست میشه ؟
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title> mini project</title>
<link href="mini.css" rel="stylesheet" type="text/css">
<link href="css/all.css" rel="stylesheet">
</head>
<body>
<section class="test">
<div class="left-sec">
<div>
<p style="margin-right: 20px; margin-left: 20px;">left-gigg</p>
</div>
<div>
seilfehoih
</div>
</div>
<div class="self">
efjpioe
</div>
<div class="right-sec">
<p> test jkpwejf</p>
</div>
</section>
</body>
</html>
div{
display: flex;
}
.test{
width: 100%;
background-color: brown;
height: 100px;
display: flex;
align-items: center;
justify-content: space-between;
}
میشه بگید چجوری position بدم بهش که المنت سمت چپ هر چقدر مرجین بگیره المنت وسط سمت راست نره ؟ چون هر چقدر فک میکنم کد میزنم نمیشه ....
به اون المان پوزیشن رلتیو بدید
بعد با خاصیت
left
از سمت چپ فاصلع بندازید
سلام میخواستم بگم که دوباره چک کردم دیدم عنصر وسط نیست کداشو براتون میفرستم خیلی ممنون میشم نگاه کنید ببنید که چیکار باید کرد که بیاد وسط
<section class="test">
<div class="left-sec">
<div>
<p>first-element</p>
</div>
<div>
second-element
</div>
<div>
third-element
</div>
</div>
<div class="self">
center-element
</div>
<div class="right-sec">
<p> right-element</p>
</div>
</section>
.test{
width: 100%;
height: 100%;
background-color: brown;
display: flex;
align-items: center;
justify-content: space-between;
}
.self{
}
.test > div {
background-color: #ffffff;
}
و اینکه من میخوام تو همین استایل space between بمونه ولی اون عنصر center element دقیق بیاد وسط
میدونم به عنصر وسط align self هم دادم ولی نشد برای همین دارم ازتون میپرسم چون فقط مشکلم اون عنصر وسط که دقیق وسط نمیمونه
نه دیگه ببینید وقتی شما space between میدید اون حالت رو میگیره دیگه center نمیتونه وسط بیاره که
انگاردوتا همزمان دارید اعمال میکنید روش
لینک زیر رو مشاهده کنید
https://stackoverflow.com/questions/57859754/flexbox-space-between-but-center-if-one-element
این لینک هم دیدم انجام دادم ولی چون متنه نمیشه رو این انجامش داد کاره دیگه ای بنظرتون نمیشه کرد که دقیق وسط بیاد ؟
با رو بالا دقیق وسط میاد
از اینسپکت چک کنید کجا فاصلع انداختید که خطا افتاده
مخصوص اعضای ویژه 
