css控制文本内容显示省略号

1，单行文字显示省略号

div{

　　width:200px;

　　overflow:hideen;

　　white-space:nowrap;

　　text-overflow:ellipsis;

}

2，多行文字显示省略号

div{

　　width:200px;

　　overflow:hideen;

　　text-overflow:ellipsis;

　　display:-webkit-box;//将对象作为弹性伸缩盒子模型显示

　　-webkit-line-clamp:2;//控制显示几行文字

　　-webkit-box-orient:vertical;//设置伸缩盒对象的子元素排列方式

}

如果你标签内的是英文，英文是不会自动换行的，所以你需要让英文自动换行,添加一下代码

word-wrap:break-word;

word-break:break-all;