页面流式布局

观看本节视频

活字格的页面中行高、列宽有三种模式：固定模式、自适应模式和范围模式，通过设置行高、列宽的调节模式为自适应模式或范围模式，可使页面呈现流式布局，使页面的布局更加灵活。

默认为固定模式。固定模式下，设置行高、列宽为固定的大小，单位为像素。此种模式下页面的布局是固定的。

下面会详细介绍如何使用自适应模式和范围模式，使页面呈现流式布局。

自适应模式

自适应模式下，页面会根据内容自动进行扩展。设置列宽为自适应模式，则宽度会自动扩展；设置行高为自适应模式，则高度会自动扩展。

以设置行高为自适应模式为例。

在页面中选择一个单元格区域设置为文本框，设置文本框自动换行，然后选择这个区域中的一行或多行，设置其行高。

右击行头，选择“行高”，就会弹出列宽设置对话框，选择“自适应模式”。

设置为自适应模式的行索引将变为红色。

运行后，在文本框中输入内容，当内容的宽度超过了文本框的高度时，就会自动进行扩展。

type=note

说明：

如果行高/列宽设置为“自适应模式”，且该行/列没有内容，则行高/列宽为0，也就是不显示该行/列。

范围模式

设置行高/列宽为范围模式，需要设置最小值和最大值。最小值的单位为像素，最大值的单位为像素或占比。

• 设置最大值为像素：如果页面有足够的空间，则随着行高/列宽会随着页面的增大平滑的增加，直到最大值。

• 设置最大值为占比：行高/列宽会占据页面所有的剩余空间，并且剩余空间会按照占比进行分配。

例如，设置A列的列宽为范围模式，最小值为0像素，最大值为1占比。

B列列宽为默认的固定模式，20像素。

设置C列列宽为范围模式，最小值为0像素，最大值为3占比。

设置为范围模式的列索引将变为黄色。

A列和C列分别占整个页面剩余空间的1/4和3/4。

运行结果：