在移动设备中,白色空间:nowrap;溢出:隐藏;文本溢出:省略号;有点不工作

时间:2016-03-26 10:38:52

标签: javascript jquery html css twitter-bootstrap

我使用bootstrap,当屏幕获得xs时,white-space:nowrap; overflow:hidden; text-overflow:ellipsis;的效果不起作用。当屏幕变大时,我希望长文本有white-space:nowrap; overflow:hidden; text-overflow:ellipsis;,但它们仍然继续。

对不起,如果不清楚的话。在我的网站中,用户可以发布任何内容。并且正在显示标题。如果标题太长,它们会被white-space:nowrap; overflow:hidden; text-overflow:ellipsis;切断 但是当屏幕变小时,标题的长度仍然保持不变,因此它们破坏了表格的结构。

因此,当屏幕尺寸减小时,我希望标题的效果为white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

我该如何实现这个目标?

1 个答案:

答案 0 :(得分:0)

在移动设备中,由于屏幕尺寸小于 480px ,因此元素会低于另一个,因此overflow属性可能无效。