هنوز چند بایت مونده که پیدا کنم...

کوتاه کردن عبارت های طولانی با سی اس اس

CSS for multi line truncation with ellipsis

متن های شما طولانیه و می خواین کلمات اضافه رو نشون نده؟! و به جای اون، سه نقطه اضافه بشه؟! خب نیازی به نوشتن کد تویه سرورساید نیس می تونین از ویژگی های CSS برای اینکار استفاده کنین. ;)

/* in your css file */
#text-ellipsis {
    white-space: nowrap; 
    width: 12em;     
    overflow: hidden;
    text-overflow: ellipsis; 
}

<!-- in you html file -->
<div id="text-ellipsis">متن شما در این قسمت در صورتی که از عرض مشخص شده بیشتر باشه، کلمات اضافه حذف میشه و انتهای آن ... نمایش داده میشه.</div>

<!-- output -->
...متن شما در این قسمت درصورتی که از
نویسنده : فاطمه حسین پور
ﺳﻪشنبه 15 فروردین 1396
Bootstrap Css
+ 70 -

ایده ها، نظرات و سوالات دوستان ما

فاطی
دوشنبه 11 ارديبهشت 1396
برای اینکار فقط کافیه،
به جای ;text-overflow: ellipsis اینو ;"*** " :text-overflow بنویسین.

به جای علامت های ستاره، کاراکتر دلخواه خودتون رو می تونین بذارین :)
+ 31 -
مهمون کدجیک
چهارشنبه 16 فروردین 1396
agar bekhaym jaye noghte (.) charactere dige neshoon bedim che joori mishe ?
+ 11 -

خوشحال میشیم نظرتُ بدونیم