مای دیزاین را همراه با آموزش های جدید در سایت طوسی دنبال کنید: http://tooc.ir
آموزش های حرفه ای
مای دیزاین به عنوان یکی از تولید کنندگان محتوای آموزشی در زمینه طراحی وب و گرافیک به صورت تصویری، با کیفیت و اختصاصی در خدمت شما کاربران عزیز می باشد!
نرم افزار آندروید
طراحی و ساخت نرم افزار آندروید خدمت جدیدی است که در مای دیزاین ارائه میشود. داشتن نرم افزار برای گوشی های هوشمند امری جدید و هیجان انگیز می باشد!
طراحی وب و گرافیک
یکی از خدمات ما طراحی سایت های ایستا و پویا با جدید ترین متد های روز دنیاست. ساخت قالب هایی سبک و در عین حال زیبا، با استفاده از وردپرس، تخصص ماست!
خاصیت word-wrap در سی اس اس ۳

خاصیت word-wrap در سی اس اس 3
سلام. امروز قصد معرفی یکی دیگر از کد های سی اس اس رو دارم. این خاصیت در سی اس اس ۳ معرفی شده است و به عنوان یکی از افکت های متن شناخته میشود.
خاصیت word-wrap در متون، باعث می شود چنانچه یک کلمه طولانی بوده و به انتهای یک خط برسد، به دو قسمت تبدیل شده و قسمت دوم آن به سطر بعدی نوشته منتقل شود. به صورت پیش فرض، چنانچه یک کلمه طولانی بوده و به انتهای یک خط برسد، ادامه آن از شی در برگیرنده بیرون تر رفته و به سطر بعدی منتقل نمی شود.
این خاصیت به صورت زیر نوشته میشود و دو مقدار normal و break-word را به خود میگیرد:

word-wrap:value;

– normal: در این حالت، چنانچه یک کلمه طولانی به انتهای یک سطر برسد، مرورگر بدون هیچ گونه تغییری آن را نمایش داده و ممکن است از عنصر در برگیرنده خود نیز بیرون برود.
– break-word: در این حالت چنانچه یک کلمه طولانی به انتهای یک سطر برسد، مرورگر آن را به دو قسمت تقسیم کرده و ادامه آن را به سطر بعدی نوشته منتقل می کند.
برای مثال اگر میخواهید کلمه ها شکسته شود:

.class {
	Word-wrap:break-word;
}

امیدوارم کد براتون کاربرد داشته باشه.

7 پاسخ به “خاصیت word-wrap در سی اس اس ۳”

  1. Reza Alizadeh گفت:

    عالی مثله همیشه 🙂

  2. ایکس گرافیک گفت:

    راستی داداش
    قالب سایتت رو خیلی ها دارن، میشه لطف کنی واسه منم بفرستیش 🙂
    ممنون میشم

  3. حسین همایونی گفت:

    سلام
    من از break-word استفاده کردم ولی به پایان سطر که میرسه کلمه را نصف میکنه، مثلا کلمه سالها را به صورت:
    سا
    لها …
    میکند.

  4. حسین همایونی گفت:

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

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

آخرین محصولات فروشگاه
برخی مطالب تصادفی مای دیزاین
براش فتوشاپ درخت های کریسمس
قرار دادن آخرین مطالب سایت به همراه بندانگشتی
پیوند خودکار در نوشته های وردپرس
ایجاد انیمشین با استفاده از CSS
طرح لایه باز المان های روشن وب
طرح لایه باز برچسب های تگ در چهار رنگ