javascript - 在移动设备中,空白 :nowrap; overflow:hidden; text-overflow:ellipsis; kinda do not work

标签 javascript jquery html css twitter-bootstrap

我正在使用 bootstrap,当屏幕出现 xs 时,white-space:nowrap; 的效果溢出:隐藏; text-overflow:ellipsis; 不起作用。当屏幕变大时,我希望长文本具有 white-space:nowrap;溢出:隐藏; text-overflow:ellipsis; 但它们仍在继续。

抱歉,如果不清楚。在我的网站上,用户可以发布任何内容。并且正在显示标题。如果标题太长,它们会被 white-space:nowrap chop ;溢出:隐藏;文本溢出:省略号; 但是当屏幕变小时,标题的长度保持不变,所以它们破坏了表格的结构。

所以我希望标题具有 white-space:nowrap; 的效果;溢出:隐藏; text-overflow:ellipsis; 当屏幕尺寸减小时。

我如何实现这一点?

最佳答案

在移动设备中,由于屏幕尺寸小于480px,所以元素一个接一个地出现,所以overflow属性可能不起作用。

关于javascript - 在移动设备中,空白 :nowrap; overflow:hidden; text-overflow:ellipsis; kinda do not work,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36234322/

相关文章:

jQuery:如何同步表格单元格/行高

javascript - 如何从元素中仅获取文本 - Protractor Javascript

javascript - 为什么使用 jQuery 插件而不是 javascript 函数?

javascript - 从 Javascript 执行curl?

jquery - Tinymce 拼写检查实现

html - 列表边框上方的图像..可能很容易

html - 我的样式忽略了我的 CSS,而是使用 'element style'

javascript - 如何将 xmlhttprequest 转换为字符串 javascript

javascript - 在 ember.js 中将参数传递给 init

javascript - Textillate 单词循环显示在行中