جاوااسکریپت | JavaScript
Видео
0927.mp4 · 932 КБ · нажмите — покажем
0927.mp4 · 932 КБ · нажмите — покажем
برش متن برای یک خط
وقتی می‌خواهیم متن فقط در یک خط نمایش داده شود، می‌توانیم ویژگی white-space را روی مقدار nowrap تنظیم کنیم. اگر متن طولانی باشد و عرض کانتینر، مثلاً، سیصد پیکسل باشد، متن همچنان در یک خط باقی می‌ماند، اما از محدودهٔ کانتینر خارج می‌شود.
برای برش متن می‌توان از ویژگی‌های زیر استفاده کرد:
.truncated-text {
width: 300px;
overflow: hidden; /* هر چیزی را که از محدودهٔ کانتینر خارج شود، مخفی می‌کند */
text-overflow: ellipsis; /* متن مخفی‌شده را با سه‌نقطه جایگزین می‌کند */
white-space: nowrap; /* متن را در یک خط نگه می‌دارد */
}
#️⃣#tip #css
👥@IR_javascript_group
🆔@IR_javascript
2 · 87 ·