vue 微信小程序单行文本超过6个字换行怎么写样式
时间: 2024-02-11 22:05:01 浏览: 71
微信小程序在text文本实现多种字体样式
3星 · 编辑精心推荐
可以使用 `text-overflow` 属性和 `-webkit-box-orient: vertical` 来实现单行文本超过6个字自动换行。具体的 CSS 样式可以这样写:
```css
/* 设置文本为单行 */
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
/* 超过6个字自动换行 */
text-overflow: ellipsis;
word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical;
```
其中,`-webkit-line-clamp: 1;` 表示只显示一行,`word-break: break-all;` 表示当单词长度超过一行时,强制断行。
阅读全文