محدود کردن کاراکترهای عنوان نوشته ها و محصولات
معمولا گاهی اوقات به دلیل بزرگ بودن عنوان نوشته ها و محصولات در سایت باعث ایجاد ناهماهنگی در سایت شده و از نظر ظاهر سایت دچار بهم ریختگی می شود . کد را امروز به شما آموزش می دهیم که شما با قرار دادن آن در استایل تایتل محصولات و یا نوشته های سایت خودتان ، می توانید عنوان را به اندازه دلخواه خود محدود کنید .
برای اینکار ابتدا کلاس مربوطه به عنوان محصول یا نوشته را پیدا کنید و کد زیر را به آن اضافه کنید :
.classtitle
{
text-overflow: ellipsis;
white-space: nowrap;
overflow:hidden;
max-width: 150px;
}
نکته : برای تعیین اندازه دلخواه می توانید این بخش را تغییر دهید :
max-width: 150px;