برای یک خطی کردن متن فقط کافیه که کد css روبرو رو بر روی المنت دلخواهتون اعمال کنید
همون طور که می بینید اینجا احکام سی اس اس روی یک المنت a اعمال شدن ، شما می تونید سلکتور class_xx a به سلکتور دلخواهتون تغییر بدید
.class_xx a {
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}