一行文字超出部分省略号显示

单行文本

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

  ##多行文本##
     text-overflow: ellipsis;
     display: -webkit-box;
    -webkit-line-clamp: 2;//行数
    -webkit-box-orient: vertical;

vertical-align解决基线对齐

记录一下中文、英文、数字超出div外怎么解决

因为浏览器默认是以单词为单位进行换行的，单词不可拆分，挤不下会另起一行；一个汉字为一个单词；因此图片上的数字111...看成所有的111111为1个单词，英文同理，所以不会换行。

1、纯中文：自动换行，一个汉字看做一个单词；

2、纯英文或纯数字：看作一个单词，不换行；

3、遇到英文空格或者换行符：会换行；

4、遇到英文单词和英文空格：在空格处换行且不会断单词；

css代码
// 纯单词超过长度会截断换行，其他的单词不会
word-wrap: break-word;
// 单词也要换行，都要换行
word-break: break-all;

// 注意：浏览器默认属性值，以单词为单位；
word-break: normal;
word-wrap:normal;