چپ و راست بردن box-model

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

سلام

من میخوام همینطور که کل سند راستچین هستش فقط باکس مدل رو به سمت چپ ببرم و برای این کار در کلاسی که در div نوشته شده از direction: ltr; استفاده می‌کنم ولی عمل نمیکنه. از چه روشی باید اینکار رو انجام بدم؟

درود

از !important استفاده کنید و اگر اوکی نشد، پروژه رو در کدپن بگذارید و لینک بدید تا سریع با هم مشکل رو برطرف کنیم.

نازنین کریمی مقدم ۲۳ بهمن ۱۴۰۱، ۰۷:۲۸

https://codepen.io/sajadkhms/pen/NWLKrmq

سجاد خانیان ۲۳ بهمن ۱۴۰۱، ۲۲:۰۲

ممنونم.

دایرکشن در اینجا جهت محتوای درون باکس تون رو مشخص میکنه. برای چپ چین شدن خود باکس کافیه پراپرتی زیر رو هم به box-model نسبت بدید:

    float: left;

نازنین کریمی مقدم ۲۴ بهمن ۱۴۰۱، ۰۸:۴۰

بله ممنون با این دستور اکی میشه ولی یه مشکلی به وجود میاد. من در ادامه یک div دیگه اضافه کردم درحالی که باید به صورت بلوکی پایین باکس مدل قرار بگیره ولی میاد بالا علتش چیه؟

https://codepen.io/sajadkhms/pen/NWLKrmq

سجاد خانیان ۲۴ بهمن ۱۴۰۱، ۲۲:۲۲

خواهش میکنم

اینا در حالت عادی اینطوری عمل میکنند که اگر در همون ردیف جا داشته باشه قرار بگیرن و چون سند شما راست چین هست سمت راست میفته.

برای تعریف درست رفتار میتونید از دادن ویژگی display به body استفاده کنید.:

  <body style="display:grid;">

نازنین کریمی مقدم ۲۵ بهمن ۱۴۰۱، ۰۵:۴۰