<div style="display: block;text-overflow:ellipsis; word-wrap:break-word;">
<div>
hgvjhvhjvjhvhjvjhvjhvhvjhvjhvjhvhjvjhvjhvjhghfghcgchgccgc
</div>
</div>
第一步:给盒子设置显示方式以块级元素显示(独占一行)
display: block;
第二步:给该盒子设置溢出文本省略
text-overflow:ellipsis;
第三步:设置自动换行条件为断字(也就是文本省略)
word-wrap:break-word;
小程序调整自动换行与上述html更改方式同理:
<view style="display: block;text-overflow:ellipsis; word-wrap:break-word;font-size: small;">
<view>
hgvjhvhjvjhvhjvjhvjhvhvjhvjhvjhvhjvjhvjhvjhghfghcgchgccgc
</view>
</view>
这个知识点是做小程序项目时候所用到的内容布局样式,故此留作记录。