用css隐藏溢出文本?

时间:2011-09-04 10:13:08

标签: css

我有一个很长的文字,如果它比div长,我想要隐藏那个部分。

3 个答案:

答案 0 :(得分:8)

用宽度设置div,否则它不会知道溢出是什么。然后,将css设置为overflow:hidden;

请记住将元素置于相对位置(位置:相对),以便IE知道如何处理它。

我不会使用省略号,因为它不完全兼容浏览器

演示在这里http://jsfiddle.net/vxN8v/1/

答案 1 :(得分:1)

使用text-overflow: ellipsis;。请注意,包含元素需要显式宽度才能使省略号生效,并且您不会在Firefox中获得省略号。

答案 2 :(得分:0)

试试这个:

 div{
  text-overflow: hidden;
} 

为div指定一些宽度,以便在文本流出该框时隐藏。