بسته بندی کلمات (Word Wrapping) در CSS3

وقتی یک نوشته از میزان تعیین شده برای آن بیشتر باشد از کادر بیرون می زند:

This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.

با استفاده خاصیت word-wrapping در CSS3 می توانید لغت بسیار بلند را مجبور کنید که کوتاه شود و به خط بعدی برود:

This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.

کد CSS استفاده شده به صورت زیر است:

مثال ( بسته بندی کلمات یا Word Wrapping در CSS3)

اجازه می دهد تا کلمات بلند بتوانند شکسته شوند و ادامه آنها در خط بعدی قرار گیرد:

p {word-wrap:break-word;}
خودتان امتحان کنید »

آموزش های مرتبط

آموزش CSS3-افکت های متن