पाठ काट्ने

एलिपसिसको साथ पाठको लामो स्ट्रिङहरू काट्नुहोस्।

.text-truncateलामो सामग्रीको लागि, तपाईं एलिपसिसको साथ पाठ काट्नको लागि कक्षा थप्न सक्नुहुन्छ । आवश्यक छ display: inline-blockवा display: block।

यो पाठ धेरै लामो छ, र एक पटक प्रदर्शन पछि काटिनेछ।

html

<!-- 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>