html+css 实现文本固定长度,超出显示省略号
——html代码divid="d1">div>——css代码#d1{width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;/*兼容性*/ -webkit-text-overflow:ellipsis;}注:关键是给容器指定宽度,并且利用wh
·
——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;实现的
更多推荐
已为社区贡献1条内容
所有评论(0)