کات‌آف متن و line-clamp
CSS و طراحی ۰ بازدیدبرای محدودکردن متن چندخطی به تعداد مشخص، ویژگی line-clamp با ترکیب -webkit-box به‌کار می‌رود و پایان متن را با سه‌نقطه نمایش می‌دهد. برای تک‌خط، همپایه آن white-space:nowrap با text-overflow:ellipsis است؛ ابزار اصلی کارت‌ها و فهرست‌های خبری.
مثال کاربردی
.excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#CSS
#متن
شاید بپسندی — واژه‌های مرتبط
CSS
CSS و طراحیCSS زبان توصیف ظاهر صفحات وب است؛ رنگ، فونت، فاصله، چیدمان و انیمیشن همه با آن تعریف می‌شو…
RTL و راست‌چین‌سازی
CSS و طراحیصفت dir="rtl" روی تگ html چیدمان را راست‌به‌چپ می‌کند و ویژگی‌های منطقی CSS مثل margin-inl…
Tailwind CSS
CSS و طراحیتیلویند فریم‌ورک CSS مبتنی بر کلاس‌های کوچک آماده است؛ به‌جای نوشتن برگه استایل، کلاس‌ها ر…
انیمیشن و کی‌فریم (Keyframes)
CSS و طراحیبا @keyframes مراحل یک انیمیشن CSS تعریف می‌شود؛ از حالت اولیه تا پایانی و مقاطع میانی. سپ…