رفتن به مطلب

تعداد كلمه محدود با css


پست های پیشنهاد شده

اين امكان وجود داره كه تعيين كنيم فقط 10 كلمه از ادامه متن و نشون بده و بقيه به صورت سه نقطه بشه با css?

لینک به ارسال

css فقط استایل المانها رو مشخص میکنه و قابلیت محدود کردن کلمات و ... رو نداره شما باید از توابع php مثل substr برای این کار استفاده کنید

لینک به ارسال

با css می تونید جلوی نمایش مابقی متن یک جعبه را بگیرید و در محل دلخواه ... را اضافه کنید اما از لحاظ حجمی چیزی از حجم کم نمی شه و در واقع کل مطلب لود می شه ولی به اندازه مجاز دیده می شه

البته اندازه بر حسب px یا هر واحد اندازه گیری مجاز قابل محاسبه است نه کلمه


.txt {
display:inline-block;
position:relative;
overflow:hidden;
max-width:100px;
height:24px;
line-height:24px;
}
.txt:after {
content:"[...]";
}

ولی کاری که دوستمون فرمودند روش صحیح و قابل اجرای این کاره

لینک به ارسال
  • 3 هفته بعد...

text overflow در بسیاری از مرورگرها هنوز ساپورت نمی شه بهتره کد وبکیتش هم همراهش باشه و کد overflow هم برای ie

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...