Hla mus rau cov ntsiab lus tseem ceeb Hla mus rau docs navigation
Check
in English

Text luas

Txiav cov hlua ntev ntawm cov ntawv nrog ellipsis.

Rau cov ntsiab lus ntev dua, koj tuaj yeem ntxiv ib .text-truncatechav kawm los txiav cov ntawv nrog ellipsis. Xav tau display: inline-blocklos yog display: block.

Cov ntawv no yog qhov ntev heev, thiab yuav raug txiav tawm ib zaug pom.
Cov ntawv no yog qhov ntev heev, thiab yuav raug txiav tawm ib zaug pom.
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>