मुख्य विषयवस्तु में जाएं डॉक्स नेविगेशन पर जाएं
in English

पाठ काट-छाँट

एक दीर्घवृत्त के साथ पाठ के लंबे तारों को काटें।

लंबी सामग्री के लिए, आप .text-truncateएक दीर्घवृत्त के साथ पाठ को छोटा करने के लिए एक वर्ग जोड़ सकते हैं। या की आवश्यकता है।display: inline-blockdisplay: block

यह पाठ काफी लंबा है, और प्रदर्शित होने के बाद इसे छोटा कर दिया जाएगा।
यह पाठ काफी लंबा है, और प्रदर्शित होने के बाद इसे छोटा कर दिया जाएगा।
<!-- Block level -->
<div class="row">
  <div class="col-2 text-truncate">
    This text is quite long, and will be truncated once displayed.
  </div>
</div>

<!-- Inline level -->
<span class="d-inline-block text-truncate" style="max-width: 150px;">
  This text is quite long, and will be truncated once displayed.
</span>