Chuyển đến nội dung chính Chuyển đến điều hướng tài liệu
Check
in English

Cắt ngắn văn bản

Cắt ngắn chuỗi văn bản dài bằng dấu chấm lửng.

Đối với nội dung dài hơn, bạn có thể thêm một .text-truncatelớp để cắt ngắn văn bản bằng dấu chấm lửng. Yêu cầu display: inline-blockhoặc display: block.

Văn bản này khá dài và sẽ bị cắt bớt khi hiển thị.
Văn bản này khá dài và sẽ bị cắt bớt khi hiển thị.
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>