文字超过三行显示省略号...,文字两端对齐,设置文字间距
.textwrap .news {
/* 省略号主要代码 */
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* 几行后显示省略号 */
-webkit-line-clamp:4;
-webkit-box-orient: vertical;
/* 文字两端对齐 */
text-align: justify;
/* 设置文字间距 */
letter-spacing:2.4px;
}
超过一定宽度展示省略号
.anyone{
width:120px;
overflow:hidden;
white-space:nowrap;/*限制不换行*/
text-overflow:ellipsis;
}
首行缩进(小程序text标签无效应作用于在view标签上)
text-indent: 70rpx;
处理文字断行
- word-break:break-all; 只对英文起作用,以字母作为换行依据
- word-wrap:break-word; 只对英文起作用,以单词作为换行依据
- white-space:pre-wrap; 只对中文起作用,强制换行
- white-space:nowrap; 强制不换行,都起作用
- white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 不换行,超出部分隐藏且以省略号形式出现