Du kan bruge koden her til at lave en linje begrænsing til en boks, den kan f.eks. bruges til at vise en tekst i et loop, her kan du så begrænse teksten så designet ikke hopper.
For at virke skal du bruge class: “.text-limit” på text elementet, skal du bruge den på et andet element skal du muligvis tilføje en class mere.
Du kan ændre “-webkit-line-clamp” for at bestemme hvor mange linjer den skal vise.
.text-limit {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}