word-break

توسط ویژگی word-break می توان مشخص کرد در یک متن زمانی که به آخر خط می رسیم آخرین کلمه ای که در خط کنونی جا نمی شود بشکند یا نه.

 

مقادیر ویژگی word-break

 

word-break: normal | break-all | keep-all

 

 

normal

مقدار normal مقدار اولیه این ویژگی می باشد و باعث می شود تا خطوط بر اساس قوانین عادی عنصر شکسته شوند. یعنی در زبان های غیر از زبان های CJK (چینی، ژاپنی و کره ای) خط از وسط کلمه شکسته نمی شود اما برای این سه زبان شکسته می شود.

 

break-all

این مقدار باعث می شود تا به عنصر اجازه داده شود تا اگر نیاز بود خط را از وسط یک کلمه نیز بشکند. (رفتار در همه زبان ها یکسان است)

 

word-break: break-all;

 

 

keep-all

این مقدار تحت هیچ عنوانی اجازه نمی دهد تا خط از وسط یک کلمه شکسته شود. برای زبان هایی غیر از زبان های CJK این مقدار با normal یکسان می باشد.

 

word-break: keep-all;

 

شکسته شدن کلمه برای رفتن به خط جدید باعث کاهش خوانایی متن می شود. راهکار بهتر می تواند اضافه کردن یک خط تیره به آخر کلمه شکسته شده باشد که نشان می دهد کلمه در خط بعد ادامه خواهد داشت. برای بررسی بیشتر این موضوع ویژگی های overflow-wrap و hyphens را مطالعه بفرمایید.

 

مثال

دموی زیر را بررسی کنید:

 

See the Pen word-break by Mojtaba Seyedi (@seyedi) on CodePen.

 

 

پشتیبانی مرورگر ها