单行文本隐藏

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

多行文本隐藏

p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

文字在容器内均匀分布

div {
  text-align: justify;
  text-justify: distribute-all-lines;
  text-align-last: justify;
}

文字换行

div {
  white-space:normal;
  word-break:break-all;
  word-wrap:break-word;
}