سلام دوستان خلاصه مطالبی که استاد توی این جلسه گفتن رو قرار دادم اگه مطلب اضافه‌تری رو دارین که بنده جا انداختم

لطفا اضافه کنید

پراپرتی  White-space : no-wrap  اگر ما بیایم و یک متن طولانی رو قرار بدهیم و ارتفاع برای اون قرار ندهیم  و فقط عرض مشخص کرده باشیم میاد و به طور خودکار طول المان امون رو زیاد میکند تا متن ما به طور کامل درون اون جا بشه حال با قرار دادن این پراپرتی و قرار دادن این مقدار میاد و جلو ی این کار خودکار رو میگیره
 

پراپرتی  over-flow : اگر برای یک المان شرایط بالا صدق کنه از این پراپرتی استفاده میکنیم که مقادیر مختلفی میگیرد 

auto این مقدار میاد و برای متن یک اسکرول ویو درست میکند تا اضافه متن با رعایت عرض المان دیده شود

hidden  این مقدار اون قسمت از متن رو که میاد و عرض المان رو رد میکنه یا بیشتر از اون نشون میده رو پنهان میکند

حال برای اینکه متن امون وقتی نزدیک به انتهای المان امون رسید بیاد و یک سه نقطه نشون بدهد باید ویژگی زیر رو براش لحاظ بکنیم text-overflow : ellipsis 

نکته : یک موقع هست ما یک کلمه ای رو داریم که میاد و طول این کلمه از عرض المان داخلش بیشتر میشه و میزنه بیرون برای شکستن این کلمه باید بیایم و این پراپرتی رو قرار بدهیم  word-wrap : break-word

نکته : دستور word-Break : break-all  یک جورایی جاگزین text-align : justify  هست با این تفاوت که برای تراز کردن میاد و کلمه‌ها رو هم میکشونه 

پراپرتی vertical-align میاد و خاصیت  align کردن عنصر کناری اون رو مشخص میکند مثلا top or bottom میاد المنت کناری در پایین‌ترین و بالاترین جای عنصر پرنت اش قرار میدهد middle میاد و وسط اش میکند ما این خاصیت رو برای بزرگ‌ترین عنصر از نظر ارتفاع در کنار سایر اعضا در نظر میگیریم مثلا baseline میاد در جایی که ارتفاع اون عنصر تموم شده قرار اش میدهد  ما میتوانیم مقدار عددی هم بدهیم  برای بالا پایین کردنش که هم مثبت هم منفی

baseline : خط پایه عنصر را با خط پایه عنصر والدش هم تراز می‌کند. این مقدار پیش فرض است.

top : لبه بالایی عنصر هم تراز با بلندترین عنصر خط می‌شود.

middle : عنصر در وسط عنصر والدش قرار می‌گیرد.

bottom : لبه پایینی عنصر هم تراز با پایین‌ترین عنصر خط می‌گردد.