您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

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

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

我是这样做的(您需要添加一个类 ,<td>并将其放在a之间<span>

<td class="text"><span>looooooong teeeeeeeeext</span></td>

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

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

而且它仍将是移动响应的(通过layout = fixed将其忘记)并将保持原始行为。

:当然, 是自定义尺寸(输入您需要的尺寸)。

其他 2022/1/1 18:19:21 有523人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶