بسته بندی کلمات CSS
دسته بندی : آموزش CSS سطح مقاله : متوسط زمان مطالعه : 1 دقیقه آخرین بروز رسانی: 26 بهمن 1399با ویژگی بسته بندی کلمات CSS در این مقاله آشنا می شیود.
ساخت متن بسته بندی شده CSS
اگر ظرفی حاوی کلمه ای است که طولانی تر از آن نیست که بتوان آن را بین لبه ها قرار داد ، می توانید از ویژگی CSS word-wrap برای شکستن کلمات و قرار دادن آن ها در سطر بعدی استفاده کنید:
p.learn {
word-wrap: break-word;
}
ممکن است به نظر مانند واژه شکنی باشد ، اما یک تفاوت واضح وجود دارد: word-wrap برای شکستن کلمه ای بیش از حد مناسب مناسب است و word-break آخرین کلمه را در یک سطر طولانی می شکند.
بررسی بسته بندی کلمات CSS
دو مقدار ممکن برای تعریف کلمه CSS وجود دارد:
Explanation | Syntax | Value |
مقدار پیش فرض خطوط فقط در نقاط شکست مجاز شکسته می شوند (به عنوان مثال ، فضاها) | ;word-wrap: normal | normal |
در صورت عدم وجود نقاط شکست معمولاً کلمات شکستنی شکسته می شوند | word-wrap: break-word | break‑word |
توجه: از آنجا که مشخصات CSS متن سطح 3 ، word-wrap به overflow ‑ wrap تغییر نام یافت.
پشتیبانی از مرورگر
این تگ در مرورگرهای IE ، safari ، firefox، cherom، opera وEdge پشتیبانی می شود.
در دوره آموزش CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.
این مقاله چقدر براتون مفید بود؟