2018-12-13关于文本的处理

文字在定宽容器中平均散落

text-align:justify;
text-justify:distribute-all-lines;
text-align-last:justify;

控制文字只显示一行超出...隐藏

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

控制文本显示指定的行数超出部分...

overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3; (浏览器兼容)

div文本换行

white-space:normal;
word-break:break-all;
word-wrap:break-word;

文字在制定宽度的区域内均匀显示

text-align:justify;
text-justify:distribute-all-lines;
text-align-last:justify;

你可能感兴趣的:(2018-12-13关于文本的处理)