Bootstrap 3 使用 HTML 以响应式方式截断表格行内的长文本

bootstrapweb developmentcss framework更新于 2025/8/22 5:32:17

要截断表格行内的长文本,请使用以下 CSS −

.table td.demo {
   max-width: 177px;
}
.table td.demo span {
   overflow: hidden;
   text-overflow: ellipsis;
   display: inline-block;
   white-space: nowrap;
   max-width: 100%;

以下是 HTML −

<td class = "demo">
   <span>这是演示文本,我们将其制作成长文本以进行演示。</span>
</td>

相关文章