محمد ابوالحسنی
3 سال پیش
توسط محمد ابوالحسنی
مطرح شد
استفاده از flex
سلام . در نظر بگیرید من میخوام یه header بسازم . خب من ی بخشی میخوام سمت راست قرار بگیره یه بخشی وسط یه بخشی سمت چپ . و مثلا یه المان هایی هم مثل فلش بقل متن ها قرار بگیره . الان من وقتی row استفاده میکنم مشکلی نیست ولی خب میخوام بینشون فاصله باشه میام از مارجین استفاده میکنم کلا همه چیز به هم میریزه . چیکار کنم ؟ از position استفاده کنم بعد برای ریسپانسیو مشکلی پیش نمیاد ؟
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
![user-avatar]()
![user-avatar]()
Mohammad
@Mohammad.Naderi85
3 سال پیش
مطرح شد
گزارش تخلف
کپی کردن
0
نجما
@n.bahreman157
3 سال پیش
آپدیت شد
گزارش تخلف
کپی کردن
0
سلام وقتتون بخیر
شما باید از display:flex استفاده بکنید ، برای فاصله بین آیتم ها هم باید justify-content:space-between بدید . مشکلتون حل میشه .
برای اون فلش ها هم از after و before برای تگ a استفاده بکنید
<header>
<div>
<a href="#">لینک اول</a>
<a href="#">لینک دوم</a>
</div>
<div>باکس وسط</div>
<div>باکس چپ</div>
</header>header {
display: flex;
align-items: center;
justify-content: space-between;
}
header a {
position: relative;
padding: 10px;
}
header a:after {
position: absolute;
left: 0px;
content: "\f078";
font-family: "Font Awesome 6 Free";
font-weight: 900;
}