历史版本2 :文本两端对齐 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本

10.0

1.2 预期效果

有时候,同一个单元格扩展出来的值长短不一,但是相差并不是很大,希望展示的时候使它们的长度一样,达到对齐的效果。

如下图,单位和姓名扩展出来的值长度不一样,经过处理后文本两端对齐

对齐.png

1.3 实现思路

1)使用html标签改变文字之间的间隔

2)使用空格拼接字符串

2. 操作步骤编辑

1)模板设计如下:

image.png

2)选中B2单元格,设置形态>公式形态

if(len($$$)=4,"<div style='letter-spacing:4px;'>"+$$$+"</div>",if(len($$$)=6,"<div style='letter-spacing:-2.3px;'>"+$$$+"</div>",$$$))

这里因为分析了单位分别有长度为4、5、6三种情况,所以保持中位数5长度的单位不变,4长度的加大间隔,6长度的缩短间隔

注:由于字体和大小等原因,加大缩短的具体数值需要根据自己的实际情况来调整

image.png

3)B2单元格设置使用html显示内容

image.png

4)选中C2单元格,设置形态>公式形态

if(len($$$)=2,left($$$,1)+" "+right($$$,1),$$$)

中间拼接的是一个空字符,请将输入法切换到全角后再按一下空格键

image.png

image.png

效果查看:

PC端

image.png

App

image.png

H5

注:H5效果使用html标签部分需要另外调整一下具体间隔。

image.png


3. 模板下载编辑