css----单行文本超出部分显示省略号

        width: 200px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;

 

超出2行显示省略号：

        width: 200px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
　　　　 word-break: break-word; // 标点符号换行

 

 

标点符号换行：

        word-break: break-word; 

        line-break: anywhere;

 

文本内容两端对齐，识别回车，字母换行，标点符号换行：

      text-align: justify;
      white-space: pre-line;
      word-break: break-word;