مخفی کردن متن بلند با css

مخفی کردن متن بلند با css

زمان مطالعه

2 دقیقه

تعداد بازدید

277

تعداد پرسش ها

0

افزودن به لیست علاقه مندی ها



اشتراک گذاری این مطلب
بهزاد میرزازاده
در مورد نویسنده : همیشه سخت تلاش کردم و به موفقیت های خیلی زیادی رسیدم اما دلیل نشد که متوقف بشم من برای هر روز برنامه دارم و به امید موفقیت های بزرگتر قدم بر میدارم همیشه سخت ترین مسئله ها، ساده ترین راه حل رو دارند پس بهانه جویی نباید روش کار ما برنامه نویسان باشه!!! ما می توانیم آینده را تعیین کنیم

مخفی کردن متن بلند با css

مخفی کردن متن بلند با css

زمان مطالعه

2 دقیقه

تعداد بازدید

277

تعداد پرسش ها

0

افزودن به لیست علاقه مندی ها



اشتراک گذاری این مطلب

یک آموزش سریع از برنامه نویسی و سی اس اس که کمک میکنه شما به راحتی متن های بلند رو کوتاه کنید

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

 text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden !important;

این آموزش کوتاه اما کاربردی را در پروژه های خودتون استفاده کنید

وقتی بخوایم یک تعداد خط رو مشخص کنیم که بگیم حداکثر تعداد خطوط از متن ما باید چنتا نمایش داده بشه به شکل زیر عمل می کنیم


.text {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}

اینم کلاس و نمونه متن

<div class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam consectetur venenatis blandit. Praesent vehicula, libero non pretium vulputate, lacus arcu facilisis lectus, sed feugiat tellus nulla eu dolor. Nulla porta bibendum lectus quis euismod. Aliquam volutpat ultricies porttitor. Cras risus nisi, accumsan vel cursus ut, sollicitudin vitae dolor. Fusce scelerisque eleifend lectus in bibendum. Suspendisse lacinia egestas felis a volutpat.
</div>

 

بهزاد میرزازاده
در مورد نویسنده : همیشه سخت تلاش کردم و به موفقیت های خیلی زیادی رسیدم اما دلیل نشد که متوقف بشم من برای هر روز برنامه دارم و به امید موفقیت های بزرگتر قدم بر میدارم همیشه سخت ترین مسئله ها، ساده ترین راه حل رو دارند پس بهانه جویی نباید روش کار ما برنامه نویسان باشه!!! ما می توانیم آینده را تعیین کنیم


پرسش و پاسخ
0
دوره پیشنهادی
دوره پیشنهادی