Lumaktaw sa pangunahing nilalaman Lumaktaw sa docs navigation
Check
in English

Pagputol ng teksto

Putulin ang mahabang string ng text gamit ang isang ellipsis.

Para sa mas mahabang nilalaman, maaari kang magdagdag ng isang .text-truncateklase upang putulin ang teksto gamit ang isang ellipsis. Nangangailangan display: inline-blocko display: block.

Ang tekstong ito ay medyo mahaba, at puputulin kapag naipakita na.
Ang tekstong ito ay medyo mahaba, at puputulin kapag naipakita na.
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>