محدود کردن کاراکترهای عنوان نوشته ها و محصولات

معمولا گاهی اوقات به دلیل بزرگ بودن عنوان نوشته ها و محصولات در سایت باعث ایجاد ناهماهنگی در سایت شده و از نظر ظاهر سایت دچار بهم ریختگی می شود . کد را امروز به شما آموزش می دهیم که شما با قرار دادن آن در استایل تایتل محصولات و یا نوشته های سایت خودتان ، می توانید عنوان را به اندازه دلخواه خود محدود کنید .

برای اینکار ابتدا کلاس مربوطه به عنوان محصول یا نوشته را پیدا کنید و کد زیر را به آن اضافه کنید :

.classtitle
{

text-overflow: ellipsis;

white-space: nowrap;

overflow:hidden;

max-width: 150px;

}

نکته : برای تعیین اندازه دلخواه می توانید این بخش را تغییر دهید :

max-width: 150px;