آموزش خصوصیت white-space

سلام دوستان

احتمالا تا حالا براتون پیش اومده که بخواین متن درون یک باکس به خط بعد نره و کل متن در یک مثلا div نمایش داده بشه و بالعکس بخواین متن خودش رو با اون باکس مطابقت بده و اگه سایزش از اندازه باکس…

این مطلب توسط محمد امین فاطمی مهر در تاریخ ۰۹ ام آذر ۱۳۹۳ارسال شده است.

جهت مطالعه آموزش خصوصیت white-space به سمت پایین اسکرول کنید.

آموزش خصوصیت white-space

سلام دوستان

احتمالا تا حالا براتون پیش اومده که بخواین متن درون یک باکس به خط بعد نره و کل متن در یک مثلا div نمایش داده بشه و بالعکس بخواین متن خودش رو با اون باکس مطابقت بده و اگه سایزش از اندازه باکس بزرگتر بود بره به خط بعد.

خوب حالا راه حلش چیه؟! من بهتون میگم ، یک خاصیت جالب در css به نام white-space که این قدرت رو بهتون میده!.

آموزش خصوصیت white-space

قاعده استفاده از white-space:

مقادیر خصوصیت white-space

این خصوصیت مقادیر زیر رو شامل میشه:

nowrap : با انتخاب این مقدار متن شما شکسته نشده و تا انتها، متن در یک خط نمایش داده میشه .

pre : با انتخاب این مقدار ، مرورگر تشخیص میده در صورتی که شما در کد html تون و متنتون از line break استفاده کرده باشید به همون صورت نمایش میده.

pre-line : متن رو در صورتی که از line break ها استفاده کنید (enter) به خط بعد منتقل میکنه؛ در این حالت تمامی space ها اعمال میشه.

pre-wrap : در این حالت تمامی space ها اعمال میشه ، در صورتی که از line break ها استفاده کرده باشید اعمال میشه و در صورتی که متن بیشتر از عرض باکس باشه متن و شکسته و به خط بعد منتقل میکنه.

تمامی مرورگرها و مرورگر IE8 به بالا این خصوصیت رو پشتیبانی میکنند.

ساير مطالبي که شايد از خواندن آنها لذت ببريد!

مطالبي که در ذيل مشاهده ميکنيد نزديک ترين مطالب از لحاظ محتوايي به مقاله اي است که آنرا مطالعه کرديد...

آخرین نظرات خوانندگان این مطلب

نظرات شما برای ما ارزشمند است.پس نظرات زیبای خود را با ما در میان بگذارید...

  1. nazw گفت:

    ممنون از شما دوست عزیز ماهم از حضور شما دروبلاگمان خورسندیم شما به عنوان طراح سایت در وبلاگ ما لایک گردیدید باسپاس ومنتظر حضور دیگر شما

    شما هم نظر بدهید...

    معادله امنیتی(با عدد جای خالی را پر کنید نه با حروف!) * Time limit is exhausted. Please reload the CAPTCHA.

سلام.وبسایت خیلی خوب و جامعی دارید.ممنون...

تدریس کنکور

For the reason that the admin of this web page is working, no question very rapidly it will be famous, due to...

.

سلام.ممنون .خیلی خوب بود.از دست اندرکاران وبسایت به این خوبی سپاسگزارم...

تفریحی فان تو فان

در خبرنامه بیتفا عضو شوید!

با عضویت در بیتفا، آخرین نوشته‌های بیتفا، پیشنهادهای ویژه و برخی مطالب آموزشی را در ایمیل خود دریافت کنید.

پربازدید ها

ما را در شبکه های اجتماعی دنبال کنید...

طراحی و کدنویسی این سایت تماما با تیم بیتفا بوده و هرگونه کپی برداری حرام بوده و مورد رضایت ما نمی باشد. جهت خرید قالب تماس بگیرید.

09370245225

b i t f a c o @ g m a i l . c o m

هورا ! اگه ایمیلهای خوشمزه آموزشی دوست داری ، همین الان تو خبرنامه عضو شو!

با عضویت در خبرنامه ما شما به راحتی در ایمیلتون میتونید آخرین مقالات بیتفا را مشاهده کنید علاوه بر این که به اعضای خبرنامه بعد از مدتی هدایای مبتنی بر وب ارزشمندی تعلق میگیره که قطعا شگفت زده خواهید شد!