美文网首页
页面样式-内容过长自动截断,悬浮显示全文

页面样式-内容过长自动截断,悬浮显示全文

作者: MisShop智能开发平台 | 来源:发表于2020-03-04 11:52 被阅读0次

简单截断显示

某个单元格的内容可能很长,导致折行或者把表格拉的很宽。我们希望使用截断效果来展示,如下图所示:


截断效果

配置方法

选中单元格,点击样式,在 文本 中的 文本换行 中选择 截断

在单元格属性 基本属性 中,选择 宽度单位根字体倍数(表示宽度单位是文字宽度,这样宽度6就表示6个文字的宽度)
在宽度中填入希望控制的文字个数,例如6 就表示 超出6个文字就截断,10表示超出10个文字就截断。

image.png

悬浮显示全文

截断后如果需要悬浮显示全文,那么可以通过配置单元格的悬浮提示来实现。

悬浮显示全文效果

可以配置单元格属性 基本属性 中的 **悬浮提示 **。
这个属性的效果是如果属性计算出来非空,那么鼠标移动到单元格上,就会显示本属性的内容,如果为空,则不产生作用。

填写 悬浮提示 的公式: ifv(Str.len(value())>6,value(),null)

value() : 当前单元格的值
Str.len(文本) : 获取文本的文字个数
整个表达式的含义就是,如果单元格的值的文字个数大于6,那么返回单元格值,否则返回空。

相关文章

  • 页面样式-内容过长自动截断,悬浮显示全文

    简单截断显示 某个单元格的内容可能很长,导致折行或者把表格拉的很宽。我们希望使用截断效果来展示,如下图所示: 配置...

  • iOS lineBreakMode详解

    多行和多行文本的字符截断类型样式 lineBreakMode : 设置文字过长时的显示截断样式 先看看系统Line...

  • iOS 获取固定宽度下的可见字符串

    我们知道当UILabel显示不下内容时,会自动截断处理,我们还可以用lineBreakMode来修改截断方式。当我...

  • nslog重定义

    1、nslog重定义 优点:可以自定义打印样式,真机测试,内容过长的时候不会被截断 缺点:打印速度比nslog慢 ...

  • 微信小程序中实现左右滑动图片翻页

    页面代码 js代码 样式: 其中: indicator-dots:控制底下显示的圆点。 autoplay:控制自动...

  • 微信小程序中左右滑动图片翻页

    页面代码 js代码 样式: 其中: indicator-dots:控制底下显示的圆点。 autoplay:控制自动...

  • CSS笔记

    CSS基础 CSS:层叠样式表 。增强了页面的显示效果,而且HTML和CSS的分离,就是页面内容和样式的分离,这样...

  • html td鼠标进入显示悬浮框

    鼠标移动到指定框中,显示悬浮框展示指定内容 显示悬浮框的内容 对应的js显示标题内容 function info(...

  • 浅谈页面文本截断

    在做页面还原的时候难免会有文本截断的需求。所谓文本截断,就是在受限空间范围内我们只显示部分的文本内容,而把剩余的部...

  • 类似显示全文的实现

    需求是textview最多显示两行,末尾显示一个icon。当文字过长被截断时,要显示「文字...{图片}」的效果;...

网友评论

      本文标题:页面样式-内容过长自动截断,悬浮显示全文

      本文链接:https://www.haomeiwen.com/subject/gfsmlhtx.html