جلوگیری از بیرون زدن متن از کادر

مواقعی پیش میاد که شما برای کادرتون در قالب width یا اندازه مشخص شده در نظر میگیرید...

اما  با کشیدن یکسری کلمات یا استفاده پشت سر هم از یک کلمه باعث میشه که متن از کادر بیرون بزنه.

جهت جلوگیری از این کار فقط استفاده از width کافی نیست.

زیرا width معمولا اندازه یک کادر رو مشخص میکنه و لزوما نمیتونه مانع از بیرون زدن کدها یا متن ها داخل کادر بشه.

جهت جلوگیری از این کار شما باید ادامه متنی که از کادر داره بیرون میزنه رو مخفی کنید.

حالا شاید با خودتون بگید خوب این کار باعث میشه کلمات مخفی بشه و نمایش داده نشه. در نتیجه جمله نصفه و نامعلوم میشه.

اما باید بدونید تنها وقتی متن از کادر بیرون میزنه که تایپ کلمات از حالت عادی خودش خارج بشه.

منظور مثلا کسی کلمه سلام را به این شکل بنویسه :

سلاممممممممممممممممممممممممممممممممممممممممممممممممممممممممممممممممممممممممم

این کشیده شدن ممممم ها باعث بیرون زدن از کادر میشه.

برای اینکه از ادامه دار شدن بیش از حد جلوگیری کنید میتونید از کد زیر استفاده کنید :

<style>
word-break:break-all;
</style>

این کد را در استایل قالب خود ، در کلاس یا آی دی مشخص شده برای کادر به کار ببرید ...