1、text组件提供一个lines的样式，直接把这个样式写在css里就可以生效了，并且带了省略号。这里的坑就是不要写在标签的属性上，而是要写在样式里。
<template>
<div class="topheader">
<text class="top_text"> 哇哇哇哇哇哇哇哇的顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶大大大</text>
</div>
</template>
<script>
export default {
}
</script>
<style scoped>
.topheader{
background-color:red;
padding:10px;
}
.top_text{
color:#fff;
text-align: center;
font-size:50px;
lines:1; //溢出隐藏
}
</style>
1、text组件提供一个lines的样式，直接把这个样式写在css里就可以生效了，并且带了省略号。这里的坑就是不要...
单行溢出省略号 text-overflow属性 多行溢出隐藏
单行溢出省略号 text-overflow属性 多行溢出隐藏
.xxx{ overflow: hidden; // 溢出隐藏 text-overflow: ellipsis;...
基本概念 内容溢出隐藏：overflow 隐藏的处理方式：text-overflow 希望文字不换行：white-...
单行文本隐藏 用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)，部分浏览器还...
文本溢出：text-overflow:clip|ellipsis text-overflow:ellipsis;o...
注意 同个div元素设置为flex布局会影响到text-overflow: ellipsis;(省略标记) 原理-...
一行 两行
https://my.oschina.net/u/4412813/blog/3569399[https://my....
本文标题：04_weex之text(溢出隐藏)
本文链接：https://www.haomeiwen.com/subject/cydpiftx.html
网友评论