溢出隐藏的问号将单词拆分为两行
Overflow hidden questionmark split words to two line
>我需要以固定宽度的div显示较短的文本。
值为:
"http://www.htmlgoodies.com?[value]"
我希望看到:
"http://www.html..."
但我看到:
"http://www.html...
[value]"
怎么回事会给HTML
打上问号
JSFiddle 这里
您需要
添加white-space: nowrap;
并更改宽度以显示您想要的多少。查看此内容以阅读更多相关信息。
#t {
overflow:hidden;
width:50px;
text-overflow:ellipsis;
display:block;
white-space: nowrap;
}
在这里演示
您可以在
css 中使用 CSS 属性white-space: nowrap;
进行#t
相关文章:
- 我怎么能用css或(angular)javascript把句子分成两行,只在特定单词后面
- Jquery顶部的两行Javascript不起作用
- Javascript赢得'Don’不要跳过前两行代码
- 这两行jQuery是否等效
- 一行或两行后的CSS单词省略号('..')
- 将鼠标悬停在图像上,图像的不透明度和图像下方标题的颜色会发生变化..同样,当标题变成两行时,它会破坏格式
- 将两行代码与JavaScript组合在一个函数中
- CSS 为 JSON 数据添加两行字符
- 将列表项换行/拆分为两个 ul
- 如何让我的 ckEditor 菜单按钮显示在两行而不是四行上
- 在两行(或更多行)上重复 ng
- 如何使用 jQuery 匹配两行内两个锚点的索引
- 如何重命名本机窗口函数,以便我可以删除两行
- CSS:将三个按钮对齐成两行
- 如何将两个表单字段分成两行
- 显示 D3.js将文本标记为两行
- 在 Javascript 中拆分两行的字符串
- 溢出隐藏的问号将单词拆分为两行
- 如果在移动设备上,将数组(索引列表)拆分为两行
- 如何将带有日期的刻度拆分为两行