历史版本36 :单元格样式 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

选中单元格,在右侧选择「单元格属性>样式」,可设置单元格样式为「跟随主题」或「自定义」。如下图所示:

注:样式只控制单元格的显示效果,对单元格的实际值没有影响。

Snag_18a183e.png

2. 跟随主题编辑

选中单元格后,点击「单元格属性>样式」,默认设置为「跟随主题」,选择某一个样式即可。这里的样式来源于当前模板选择的主题,详情请参见文档:模板主题管理

Snag_1b754fe.png

3. 自定义编辑

选中单元格后,点击「单元格属性>样式」,选择样式设置为「自定义」,用户可对文本样式、单元格样式和对齐方式分别进行设置,如下图所示:

Snag_18fb4f3.png

3.1 文本

3.1.1 格式

可对数字、时间等数据,设置显示格式,如下图所示:
Snag_190bfdb.png

1)数字

设计器中内置的一些常用格式,如下图所示:

Snag_193a58e.png

用户也可手动编辑,自定义相关格式,例如:

  • 格式:#0.0m

  • 实际数据:1、2.2、3.33

  • 显示数据:1.0m、2.2m、3.3m

格式符
定义示例
0占位格式符,不足补 0

格式:0.0

实际数据:1、2.2、3.33

显示数据:1.0、2.2、3.3

#占位格式符,不足不补 0

格式:0.#

实际数据:1、2.2、3.33

显示数据:1、2.2、3.3

2)货币

货币部分 ¤0 表示在整数前面加一个¥,其 ¤#,##0.00 跟数字部分格式符原理一致。
Snag_196c76f.png

3)百分比

百分比中,可选择显示小数后多少位,也可以自己进行添加位数以及其他字符。如下图所示:

注:百分比样式中,取小数位数时,默认遵循「奇进偶不进」规则,或者可设置为「四舍五入」。

Snag_19a45b9.png

4)日期型样式

日期型中可以设置日期的显示样式,例如希望日期型的数据显示成「20110101」这样的格式,则设置样式为「yyyyMMdd」即可,日期样式如下图所示:

注1:月份必须为大写的 M ,小写的 m 无法识别。

注2:设置日期格式时可手动输入。

Snag_19c10e4.png

其他部分格式原理都类似,不再赘述。

3.1.2 字体

字体部分设置可以选择字体「类型、字形、字体大小、颜色、下划线、删除线、阴影、上下标」。其中上下标默认为既无上标也无下标,如下图所示:
Snag_19e3e34.png

注1:由于 Chrome 浏览器的限制,在 Chrome 浏览器下查看报表,最小字体为 9,就算设置了更小号的字体也会显示为 9。

注2:IE 浏览器仅有 10 及 11 版本支持阴影效果。

3.2 单元格

3.2.1 边框

对于单元格的边框,可设置内外边框的线条样式和颜色。如下图所示:

注:单元格设置边框后,最终显示效果和浏览器渲染方式有关,同一设置,不同的浏览器可能会表现出不同的效果。

Snag_1a3814f.png

注:用户也可点击工具栏上的边框按钮,对单元格边框进行自定义设置,如下图所示:

Snag_1a5f983.png

3.2.2 背景

单元格背景填充设置项与纸张背景类似,详情请参见文档:纸张背景 。

Snag_1a6dbc5.png

3.3 对齐

3.3.1 基本

对齐方式是指单元格中文本的对齐方式,可分别设置水平对齐和垂直对齐方式,如下图所示:

  • 水平对齐:靠左、居中、靠右、分散对齐、默认。其中「默认」表示数字默认右对齐,非数字默认左对齐。

  • 垂直对齐:靠上、居中、靠下。默认居中。

注:「分散对齐」在预览时显示为图片,字体会发生变化,且导出为 word 或 excel 时分散对齐效果会失效。

Snag_1aae20b.png

3.3.2 高级

1)图片布局

单元格内容为图片时,可设置图片布局为:默认、平铺、拉伸、适应,如下图所示:

Snag_1ad2b20.png

2)文本控制

单元格文本控制格式有四种:自动换行、单行显示、单行显示(调整字体)、多行显示(调整字体)。如下图所示:

Snag_1ae11c7.png

四种文本控制方式的具体区别如下:

方式定义示例
自动换行

不调整字体大小

根据单元格大小显示,显示不完就自动换行

image.png
单行显示

不调整字体大小

根据单元格大小显示,显示不完就不再显示

image.png
单行显示(调整字体)

调整字体大小

默认一行显示完所有文字

image.png
多行显示(调整字体)

调整字体大小

默认多行显示完所有文字

image.png

注:单元格必须已设置自动调整行高,再设置自动换行才有效果的。仅设置自动换行是没有效果的。

3)文本方向

文字排列方式有三种:自定义角度、文字竖排(从左向右)、文字竖排(从右向左),其效果分别如下图所示:

Snag_1b2b576.png

注:除了自定义角度为 0 时,其他情况下,浏览器端预览时,单元格内容以图片格式显示。

4)缩进

用户可设置单元格文字左右缩进距离,默认左右各缩进 2px。如下图所示:
Snag_1af850e.png

5)间距

用户可设置单元格段前间距、段后间距、行间距,如下图所示:

段前间距:单元格内文字的段前距。

段后间距:单元格内文字的段后距。

行间距:单元格内每行文字之间的距离。

Snag_1af3c2d.png

4. 注意事项编辑

4.1 样式设置重置为默认

第一步:我们将某个单元格样式设置为「跟随主题>小标题」。如下图所示:

Snag_6b44c9e.png

第二步:点击「自定义」。如下图所示:

此时单元格自定义的样式复制了主题样式显示,可修改为其他样式。

Snag_6b60be2.png

第三步:再点击回「跟随主题」,此时单元格样式会重置为「默认」。如下图所示:

Snag_6b603d4.png

4.2 移动端

移动端支持所有显示跟随主题的所有样式,部分自定义单元格格式不支持,详情如下:

1)单元格-边框:App 9.0 及以上版本支持实线和等距虚线,其他线型不支持。

2)对齐-水平对齐 :App 9.0 及以上版本支持默认格式。

3)对齐-文本控制 :HTML5 端不持单行显示(调整字体)、多行显示(调整字体)。

4)对齐-文本方向:不支持。