लाइन-क्लैंप गुण

line-clamp गुण पाठ को निर्दिष्ट संख्या में पंक्तियों तक सीमित करता है। अतिरिक्त पंक्तियों के स्थान पर पाठ में एक दीर्घविराम (ellipsis) लगाया जाता है।

सिंटैक्स

cssसेलेक्टर {
  line-clamp: none | पंक्तियों की संख्या
}

उदाहरण

आइए अपने पाठ को दो पंक्तियों तक सीमित करें:

html<p>
  पाठ पाठ पाठ पाठ पाठ पाठ पाठ पाठ
  पाठ पाठ पाठ पाठ पाठ पाठ पाठ पाठ
  पाठ पाठ पाठ पाठ पाठ पाठ पाठ पाठ
  पाठ पाठ पाठ पाठ पाठ पाठ पाठ पाठ
</p>

cssbody {
  width: 200px;
  height: 100px;
}
p {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

Результат: