div能做出单行截断的效果吗？

水木社区手机版

主题:div能做出单行截断的效果吗？
楼主|houzhijiang|2013-01-09 16:15:18|只看此ID
我想在一个<div>中只显示一行文本，超出则截断。不要换行，也不要溢出！

但是发现css的overflow属性不太管用，而且在IE和FF中也不太一致。

我在网上搜了一个说是用下面的属性，
div.cutLine
{
width: 100%;
border: 1px solid;
white-space: nowrap;
overflow: "hidden";
}

但是发现在IE9和FF17上，都并不截断。不是溢出显示，就是下面显示滚动条。

求教有什么兼容性好的“实现单行截断”的办法吗？？
--
FROM 202.113.68.*
1楼|ryan|2013-01-09 20:31:15|只看此ID
实现单行截断是啥意思？只显示一行，超出的不显示？如果是的话，可以这样 height:40px;line-height:40px;overflow:hidden
--
FROM 114.112.46.*
2楼|zli07|2013-01-09 22:02:53|只看此ID
可能是引号的问题。
white-space: nowrap就是空白不折行的意思（当然<br/>还是能折行）
--
FROM 220.181.73.*
3楼|mjaas|2013-01-10 11:28:22|只看此ID
动态程序里控制字符数吧，简单问题简单解决。
【在 houzhijiang 的大作中提到: 】
: 我想在一个<div>中只显示一行文本，超出则截断。不要换行，也不要溢出！
: 但是发现css的overflow属性不太管用，而且在IE和FF中也不太一致。
: 我在网上搜了一个说是用下面的属性，
: ...................
--
FROM 124.42.13.*