我使用bootsrap 3表,当我把大文本在表中它被包裹在几行,但我希望它被截断与三个点在结尾处以响应的方式,而不会弄乱表的布局(i发现一些解决方案,但具有不愉快的效果)。
那可能吗 ?怎么样 ?
PS:任何解决方案是欢迎的,但我想它只是HTML / CSS如果可能的话。
解决方法
我是这样做的(您需要向< td>添加一个类文本,并将文本放在< span> ;: HTML < td class =“text”>< span> looooooong teeeeeeeeext< / span>< / td>
SASS
.table td.text { max-width: 177px; span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: 100%; } }
CSS等效
.table td.text { max-width: 177px; } .table td.text span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: 100%; }
它仍然是移动响应(忘记它与布局=固定),并将保持原有的行为。
PS:当然177px是一个自定义大小(放任何你需要的)。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。