单行文本隐藏
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;
}
