layout functions. pywebio.output 模块提供了 3 个布局函数，通过对他们进行组合可以完成各种复杂的布局: • put_row() : 使用行布局输出内容. 内容在水平方向上排列 • put_column() : 使用列布局输出内容. 内容在竖直方向上排列 • put_grid() : 使用网格布局输出内容 4.1. User’s guide 19 PyWebIO put_xxx() 调用。 46 Chapter 4. Documentation PyWebIO, 发布 1.2.3 • row (int) –竖直方向跨度, 即：跨行的数目 • col (int) –水平方向跨度, 即：跨列的数目 Example put_table([ ['C'], [span('E', col=2)], # 'E' across 2 columns ], header=[span('A' (min_height, max_height) 来表示高度的范围，比如 (100, 200) 表示 区域高度最小 100 像素、最高 200 像素。 • horizon_scroll (bool) –是否显示水平滚动条 • border (bool) –是否显示边框 • scope, position (int) –与put_text 函数的同名参数含义一致 Example: import time

个图像），就需 要借助布局函数。 pywebio.output 模块提供了 3 个布局函数，通过对他们进行组合可以完成各种复杂的布局: • put_row() : 使用行布局输出内容. 内容在水平方向上排列 • put_column() : 使用列布局输出内容. 内容在竖直方向上排列 • put_grid() : 使用网格布局输出内容 通过组合 put_row() 和 put_column() 和put_grid() 中设置内容跨单元格 参数 • content –单元格内容。可以为字符串或 put_xxx() 调用。 • row (int) –竖直方向跨度, 即：跨行的数目 • col (int) –水平方向跨度, 即：跨列的数目 Example put_table([ ['C'], [span('E', col=2)], # 'E' 跨 2 列 ], header=[span('A', row=2) 100 像素、最高 200 像素。 • keep_bottom (bool) –是否在内容发生变化时自动滚动到底部，默认为 False • horizon_scroll (bool) –是否显示水平滚动条 • border (bool) –是否显示边框 • scope, position (int) –与put_text 函数的同名参数含义一致 在 1.1 版更改: 添加 height 参数，移除

个图像），就需 要借助布局函数。 pywebio.output 模块提供了 3 个布局函数，通过对他们进行组合可以完成各种复杂的布局: • put_row() : 使用行布局输出内容. 内容在水平方向上排列 • put_column() : 使用列布局输出内容. 内容在竖直方向上排列 • put_grid() : 使用网格布局输出内容 通过组合 put_row() 和 put_column() 和put_grid() 中设置内容跨单元格 参数 • content –单元格内容。可以为字符串或 put_xxx() 调用。 • row (int) –竖直方向跨度, 即：跨行的数目 • col (int) –水平方向跨度, 即：跨列的数目 Example put_table([ ['C'], [span('E', col=2)], # 'E' across 2 columns ], header=[span('A' (min_height, max_height) 来表示高度的范围，比如 (100, 200) 表示 区域高度最小 100 像素、最高 200 像素。 • horizon_scroll (bool) –是否显示水平滚动条 • border (bool) –是否显示边框 • scope, position (int) –与put_text 函数的同名参数含义一致 Example: 50 Chapter 4

如在页面左侧显示一个代码块，在右侧显示一个图像），就需要借助布局函 数。 pywebio.output 模块提供了3个布局函数，通过对他们进行组合可以完成各种 复杂的布局: put_row() : 使用行布局输出内容. 内容在水平方向上排列 put_column() : 使用列布局输出内容. 内容在竖直方向上排列 put_grid() : 使用网格布局输出内容 通过组合 put_row() 和 put_column() col=1) 用于在 put_table() 和 put_grid() 中设置内容跨单元格 content – 单元格内容 row (int) – 竖直方向跨度, 即：跨行的数目 col (int) – 水平方向跨度, 即：跨列的数目 pywebio.output.put_buttons(buttons, onclick, small=None, link_style=False, scope=- 1 put_xx 类输出函数的返回值，或者由它们组成的列表。 max_height (int) – 区域的最大高度（像素），内容超出 次高度则使用滚动条 horizon_scroll (bool) – 是否显示水平滚动条 border (bool) – 是否显示边框 scope, position (int) – 与 put_text 函数的同名参数含义 一致 pywebio.output.put_widget(template

个图像），就需 要借助布局函数。 pywebio.output 模块提供了 3 个布局函数，通过对他们进行组合可以完成各种复杂的布局: • put_row() : 使用行布局输出内容. 内容在水平方向上排列 • put_column() : 使用列布局输出内容. 内容在竖直方向上排列 • put_grid() : 使用网格布局输出内容 通过组合 put_row() 和 put_column() 用于在put_table() 和put_grid() 中设置内容跨单元格 参数 • content –单元格内容 • row (int) –竖直方向跨度, 即：跨行的数目 • col (int) –水平方向跨度, 即：跨列的数目 Example put_table([ ['C'], [span('E', col=2)], # 'E' 跨 2 列 ], header=[span('A', row=2) 类输出函数的 返回值，或者由它们组成的列表。 • max_height (int) –区域的最大高度（像素），内容超出次高度则使用滚动条 • horizon_scroll (bool) –是否显示水平滚动条 • border (bool) –是否显示边框 • scope, position (int) –与put_text 函数的同名参数含义一致 pywebio.output.put_widget(template

before C B -> B D C A pywebio.output 模块提供了3个布局函数，通过对他们进行组合可以完成各种 复杂的布局: put_row() : 使用行布局输出内容. 内容在水平方向上排列 put_column() : 使用列布局输出内容. 内容在竖直方向上排列 put_grid() : 使用网格布局输出内容 通过组合 put_row() 和 put_column() put_grid() 中设置内容跨单元格 content – 单元格内容。可以为字符串或 put_xxx() 调 用。 row (int) – 竖直方向跨度, 即：跨行的数目 col (int) – 水平方向跨度, 即：跨列的数目 pywebio.output.put_buttons(buttons, onclick, small=None, link_style=False, scope=- 1 (min_height, max_height) 来表示高度的范围，比如 (100, 200) 表示区域高度最小 100像素、最高200像素。 horizon_scroll (bool) – 是否显示水平滚动条 border (bool) – 是否显示边框 scope, position (int) – 与 put_text 函数的同名参数含义 一致 Example: 在 1.1 版更改: 添加

如在页面左侧显示一个代码块，在右侧显示一个图像），就需要借助布局函 数。 pywebio.output 模块提供了3个布局函数，通过对他们进行组合可以完成各种 复杂的布局: put_row() : 使用行布局输出内容. 内容在水平方向上排列 put_column() : 使用列布局输出内容. 内容在竖直方向上排列 put_grid() : 使用网格布局输出内容 通过组合 put_row() 和 put_column() put_grid() 中设置内容跨单元格 content – 单元格内容。可以为字符串或 put_xxx() 调 用。 row (int) – 竖直方向跨度, 即：跨行的数目 col (int) – 水平方向跨度, 即：跨列的数目 pywebio.output.put_buttons(buttons, onclick, small=None, link_style=False, scope=- 1 (min_height, max_height) 来表示高度的范围，比如 (100, 200) 表示区域高度最小 100像素、最高200像素。 horizon_scroll (bool) – 是否显示水平滚动条 border (bool) – 是否显示边框 scope, position (int) – 与 put_text 函数的同名参数含义 一致 Example: 在 1.1 版更改: 添加

如在页面左侧显示一个代码块，在右侧显示一个图像），就需要借助布局函 数。 pywebio.output 模块提供了3个布局函数，通过对他们进行组合可以完成各种 复杂的布局: put_row() : 使用行布局输出内容. 内容在水平方向上排列 put_column() : 使用列布局输出内容. 内容在竖直方向上排列 put_grid() : 使用网格布局输出内容 通过组合 put_row() 和 put_column() put_grid() 中设置内容跨单元格 content – 单元格内容。可以为字符串或 put_xxx() 调 用。 row (int) – 竖直方向跨度, 即：跨行的数目 col (int) – 水平方向跨度, 即：跨列的数目 pywebio.output.put_buttons(buttons, onclick, small=None, link_style=False, scope=- 1 表示区域高度最小 100像素、最高200像素。 keep_bottom (bool) – 是否在内容发生变化时自动滚动到 底部，默认为 False horizon_scroll (bool) – 是否显示水平滚动条 border (bool) – 是否显示边框 scope, position (int) – 与 put_text 函数的同名参数含义 一致 在 1.1 版更改: 添加 height 参数，移除

复杂的 布局，需要使用布局函数。 pywebio.output 模块提供了 3 个布局函数，通过对他们进行组合可以完成各种复杂的布局: • put_row() : 使用行布局输出内容. 内容在水平方向上排列 • put_column() : 使用列布局输出内容. 内容在竖直方向上排列 • put_grid() : 使用网格布局输出内容 通过组合 put_row() 和 put_column() 和put_grid() 中设置内容跨单元格 参数 • content –单元格内容。可以为字符串或 put_xxx() 调用。 • row (int) –竖直方向跨度, 即：跨行的数目 • col (int) –水平方向跨度, 即：跨列的数目 Example put_table([ ['C'], [span('E', col=2)], # 'E' across 2 columns ], header=[span('A' (min_height, max_height) 来表示高度的范围，比如 (100, 200) 表示 区域高度最小 100 像素、最高 200 像素。 • horizon_scroll (bool) –是否显示水平滚动条 • border (bool) –是否显示边框 • scope, position (int) –与put_text 函数的同名参数含义一致 Example: import time

复杂的 布局，需要使用布局函数。 pywebio.output 模块提供了 3 个布局函数，通过对他们进行组合可以完成各种复杂的布局: • put_row() : 使用行布局输出内容. 内容在水平方向上排列 • put_column() : 使用列布局输出内容. 内容在竖直方向上排列 • put_grid() : 使用网格布局输出内容 通过组合 put_row() 和 put_column() 和put_grid() 中设置内容跨单元格 参数 • content –单元格内容。可以为字符串或 put_xxx() 调用。 • row (int) –竖直方向跨度, 即：跨行的数目 • col (int) –水平方向跨度, 即：跨列的数目 Example put_table([ ['C'], [span('E', col=2)], # 'E' across 2 columns ], header=[span('A' (min_height, max_height) 来表示高度的范围，比如 (100, 200) 表示 区域高度最小 100 像素、最高 200 像素。 • horizon_scroll (bool) –是否显示水平滚动条 • border (bool) –是否显示边框 • scope, position (int) –与put_text 函数的同名参数含义一致 Example: import time