2 qq 35980546 qq_35980546 于 2017.09.04 08:55 提问

bootstrap table字符串太长会换行,而数字太长不换行,怎么让字符串不换行呢?

图片说明

5个回答

Runner__1
Runner__1   Rxr 2017.09.04 09:50
已采纳

你试一下在那个标签的style里加上这些属性:
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;

Runner__1
Runner__1 回复ZJZGJS: 楼下正解,感谢楼下的指正
3 个月之前 回复
qq_35980546
qq_35980546 感谢,这个方法可以用,但是要有个前提,就是楼下说法一样
3 个月之前 回复
qq_35980546
qq_35980546 bootstrap table 本就带有这些属性,但是这个问题是出于js中,而不是来自css,这些溢出我用过但是不行,在数据加载时css会被重新覆盖
3 个月之前 回复
zhangli2513
zhangli2513   2017.09.04 10:37

楼上正解 但是有个前提你文字的父容器 必须要设置width ,再加上楼上3个,width,overflow: hidden;text-overflow: ellipsis;white-space: nowrap;这四个属性是溢出显示省略号的必写属性

qq_35980546
qq_35980546 这个可以用,我修改了一下CSS,加上你的建意,改正过来了
3 个月之前 回复
qq_35980546
qq_35980546 那为什么数字长度过长在bootstrap table中却能加载 正确的样式?而字符串却不能?
3 个月之前 回复
zhangli2513
zhangli2513 http://blog.csdn.net/zhangli2513/article/details/76936317
3 个月之前 回复
orangeTop
orangeTop   2017.09.04 09:22

我是很长的文字,我会出现省略号的哦
qq_35980546
qq_35980546 加载方式不同,我用JS加载数据的
3 个月之前 回复
qq_35980546
qq_35980546   2017.09.04 09:33

我的是用JS加载数据的,并不是JSON或者是链接加载数据的,所以在这个情况下出现的问题

qq_40733918
qq_40733918   2017.10.31 21:41

可以在table上添加 style="TABLE-LAYOUT:fixed;" 我刚刚也遇到了同样的问题,也是用JS加载的

Csdn user default icon
上传中...
上传图片
插入图片