使用css隐藏span中的溢出文本

时间:2013-09-28 20:36:31

标签: css

我想在固定高度和高度内显示一个长文本。 span元素的宽度。

我有一个文本在span元素

中显示当前类似的东西
My Skill is
  Web 
Designing.

我给了他这个CSS

span
{
    display:block;
    height:40px;
    width:90px;
    overflow:hidden;
    text-overflow:ellipsis;
}

它给我这样的结果

My Skill is
  Web 

但这不是我想要的结果。我想让它显示这样的东西

My Skill is
  Web...

有没有办法解决这个问题.. ?? 提前谢谢..

1 个答案:

答案 0 :(得分:5)

您需要在范围规则

中添加以下属性
white-space: nowrap;