[]
        
(Showing Draft Content)

页面流式布局

观看本节视频

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

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

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

自适应模式

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

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

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

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



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



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


type=note

说明:

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

范围模式

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

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

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

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



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

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

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



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



运行结果: