——html代码

<divid="d1"></div>

——css代码

#d1{

width:300px;

overflow:hidden;

white-space:nowrap;

text-overflow:ellipsis;

/*兼容性*/  

-webkit-text-overflow:ellipsis;

}

注:关键是给容器指定宽度,并且利用white-space:nowrap;属性阻止超出部分自动换行,省略号则是由text-overflow:ellipsis;实现的

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐