آموزش های حرفه ای
مای دیزاین به عنوان یکی از تولید کنندگان محتوای آموزشی در زمینه طراحی وب و گرافیک به صورت تصویری، با کیفیت و اختصاصی در خدمت شما کاربران عزیز می باشد!
نرم افزار آندروید
طراحی و ساخت نرم افزار آندروید خدمت جدیدی است که در مای دیزاین ارائه میشود. داشتن نرم افزار برای گوشی های هوشمند امری جدید و هیجان انگیز می باشد!
طراحی وب و گرافیک
یکی از خدمات ما طراحی سایت های ایستا و پویا با جدید ترین متد های روز دنیاست. ساخت قالب هایی سبک و در عین حال زیبا، با استفاده از وردپرس، تخصص ماست!
خاصیت 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. حسین همایونی می‌گه:

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

پاسخ دهید

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

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