قرار دادن سه نقطه برای متن های طولانی در وب سایت

زمانی که سایتی طراحی می کنید حتما با این مشکل مواجه شده اید که در تعداد باکس هایی که قرار داده اید اندازه مطالب متفاوت است به عنوان مثال یکی از این باکس ها مطالب بیشتری نسبت به دیگر باکس ها دارد و همین موجب می شود که شکل ظاهری سایت دچار مشکل شود

ولی برای اینکه این مشکل را رفع کنید باید از css3  استفاده نمایید

یکی از این باکس ها نوشته هایش از بقیه بیشتر است. در این مواقع این مشکل پیش می آید  که نمای کلی وب سایت شما به دلیل اندازه بیش از حد همان باکس بهم میریزد.

برای رفع این مشکل می توان از css3 استفاده کرد.

کد زیر را در نظر بگیرید.

<div class=”nowrap-cms”>شرکت طراحی سایت cms iran</div>

css زیر را به کدهای css خود اضافه کنید.

.nowrap-cms{

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

}

۱- این امکان وجود دارد که تگ های دیگر مانند h1,h2,h3,h4, ..,p,…   به جای div  به کار ببرید

۲-   حتما باید در تگی که نوشته درون آن قرار می گیرد width داشته باشد به طور مثال width:100px این کار برای آن است که اگر نوشته از ۱۰۰px بیشتر شود به سه نقطه  محدود شود.