布局: • put_row() : 使用行布局输出内容. 内容在水平方向上排列 • put_column() : 使用列布局输出内容. 内容在竖直方向上排列 • put_grid() : 使用网格布局输出内容 4.1. User’s guide 19 PyWebIO, 发布 1.2.3 通过组合 put_row() 和 put_column() 可以实现灵活布局: put_row([ popup*† 显示弹窗 close_popup 关闭正在显示的弹窗 布局与样式 put_row*† 使用行布局输出内容 put_column*† 使用列布局输出内容 put_grid* 使用网格布局输出内容 下页继续 4.3. pywebio.output —输出模块 39 PyWebIO, 发布 1.2.3 表 1 – 续上页 span 在put_table() 和put_grid() Output 使用网格布局输出内容 参数 • content –输出内容. put_xxx() / None 组成的二维数组, None 表示空白. 数组项可 以使用span() 函数设置元素在网格的跨度. • cell_width (str) –网格元素的宽度. • cell_height (str) –网格元素的高度. • cell_widths (str) –网格每一列的宽度. 宽度值用空格分隔

布局: • put_row() : 使用行布局输出内容. 内容在水平方向上排列 • put_column() : 使用列布局输出内容. 内容在竖直方向上排列 • put_grid() : 使用网格布局输出内容 通过组合 put_row() 和 put_column() 可以实现灵活布局: put_row([ put_column([ put_code('A'), put_row([ 显示一条通知消息 popup 显示弹窗 close_popup 关闭正在显示的弹窗 布局与样式 put_row 使用行布局输出内容 put_column 使用列布局输出内容 put_grid 使用网格布局输出内容 span 在put_table() 和put_grid() 中设置内容跨单元格 style 自定义输出内容的 css 样式 其他 output 内容占位符 4.3. pywebio Output 使用网格布局输出内容 参数 • content –输出内容. put_xxx() / None 组成的二维数组, None 表示空白. 数组项可 以使用span() 函数设置元素在网格的跨度. • cell_width (str) –网格元素的宽度. 宽度值格式参考put_row() 函数的 size 参 数. • cell_height (str) –网格元素的高度. 高度值格式参考put_row()

布局: • put_row() : 使用行布局输出内容. 内容在水平方向上排列 • put_column() : 使用列布局输出内容. 内容在竖直方向上排列 • put_grid() : 使用网格布局输出内容 通过组合 put_row() 和 put_column() 可以实现灵活布局: put_row([ put_column([ put_code('A'), put_row([ popup*† 显示弹窗 close_popup 关闭正在显示的弹窗 布局与样式 put_row*† 使用行布局输出内容 put_column*† 使用列布局输出内容 put_grid* 使用网格布局输出内容 span 在put_table() 和put_grid() 中 设 置 内 容 跨单元格 style* 自定义输出内容的 css 样式 其他 output* 内容占位符 4 Output 使用网格布局输出内容 参数 • content –输出内容. put_xxx() / None 组成的二维数组, None 表示空白. 数组项可 以使用span() 函数设置元素在网格的跨度. • cell_width (str) –网格元素的宽度. • cell_height (str) –网格元素的高度. • cell_widths (str) –网格每一列的宽度. 宽度值用空格分隔

各种 复杂的布局: put_row() : 使用行布局输出内容. 内容在水平方向上排列 put_column() : 使用列布局输出内容. 内容在竖直方向上排列 put_grid() : 使用网格布局输出内容 通过组合 put_row() 和 put_column() 可以实现灵活布局: put_row([ put_column([ put_code('A'), 显示一条通知消息 popup 显示弹窗 close_popup 关闭正在显示的弹窗 布局与样 式 put_row 使用行布局输出内容 put_column 使用列布局输出内容 put_grid 使用网格布局输出内容 span 在 put_table() 和 put_grid() 中设置内容跨单元 格 style 自定义输出内容的css样式 其他 output 内容占位符 输出域Scope cell_widths=None, cell_heights=None, direction='row', scope=- 1, position=- 1) → pywebio.io_ctrl.Output 使用网格布局输出内容 put_row([put_code('A'), None, put_code('B')]) # 左右两个等宽度的代码块， 中间间隔10像素 put_row([put_code('A')

布局: • put_row() : 使用行布局输出内容. 内容在水平方向上排列 • put_column() : 使用列布局输出内容. 内容在竖直方向上排列 • put_grid() : 使用网格布局输出内容 通过组合 put_row() 和 put_column() 可以实现灵活布局: put_row([ put_column([ put_code('A'), put_row([ 显示一条通知消息 popup 显示弹窗 close_popup 关闭正在显示的弹窗 布局与样式 put_row 使用行布局输出内容 put_column 使用列布局输出内容 put_grid 使用网格布局输出内容 span 在put_table() 和put_grid() 中设置内容跨单元格 style 自定义输出内容的 css 样式 其他 output 内容占位符 38 Chapter position=- 1) → pywe- bio.io_ctrl.Output 使用网格布局输出内容 参数 • content –输出内容. put_xxx() / None 组成的二维数组, None 表示空白. 数组项可 以使用span() 函数设置元素在网格的跨度. • cell_width (str) –网格元素的宽度. 宽度值格式参考put_row() 函数的 size 参 数注释.

各种 复杂的布局: put_row() : 使用行布局输出内容. 内容在水平方向上排列 put_column() : 使用列布局输出内容. 内容在竖直方向上排列 put_grid() : 使用网格布局输出内容 通过组合 put_row() 和 put_column() 可以实现灵活布局: put_row([ put_column([ put_code('A'), 显示一条通知消息 popup 显示弹窗 close_popup 关闭正在显示的弹窗 布局与样 式 put_row 使用行布局输出内容 put_column 使用列布局输出内容 put_grid 使用网格布局输出内容 span 在 put_table() 和 put_grid() 中设置内容跨单元 格 style 自定义输出内容的css样式 其他 output 内容占位符 输出域Scope io_ctrl.Output 使用网格布局输出内容 content – 输出内容. put_xxx() / None 组成的二维数组, None 表示空白. 数组项可以使用 span() 函数设置元素在 网格的跨度. cell_width (str) – 网格元素的宽度. 宽度值格式参考 put_row() 函数的 size 参数. cell_height (str) – 网格元素的高度. 高度值格式参考

布局: • put_row() : 使用行布局输出内容. 内容在水平方向上排列 • put_column() : 使用列布局输出内容. 内容在竖直方向上排列 • put_grid() : 使用网格布局输出内容 通过组合 put_row() 和 put_column() 可以实现灵活布局: put_row([ put_column([ put_code('A'), put_row([ popup*† 显示弹窗 close_popup 关闭正在显示的弹窗 布局与样式 put_row*† 使用行布局输出内容 put_column*† 使用列布局输出内容 put_grid* 使用网格布局输出内容 span 在put_table() 和put_grid() 中 设 置 内 容 跨单元格 style* 自定义输出内容的 css 样式 其他 output* 内容占位符 4 Output 使用网格布局输出内容 参数 • content –输出内容. put_xxx() / None 组成的二维数组, None 表示空白. 数组项可 以使用span() 函数设置元素在网格的跨度. • cell_width (str) –网格元素的宽度. • cell_height (str) –网格元素的高度. • cell_widths (str) –网格每一列的宽度. 宽度值用空格分隔

布局: • put_row() : 使用行布局输出内容. 内容在水平方向上排列 • put_column() : 使用列布局输出内容. 内容在竖直方向上排列 • put_grid() : 使用网格布局输出内容 通过组合 put_row() 和 put_column() 可以实现灵活布局: put_row([ put_column([ put_code('A'), put_row([ popup*† 显示弹窗 close_popup 关闭正在显示的弹窗 布局与样式 put_row*† 使用行布局输出内容 put_column*† 使用列布局输出内容 put_grid* 使用网格布局输出内容 span 在put_table() 和put_grid() 中 设 置 内 容 跨单元格 style* 自定义输出内容的 css 样式 其他 output* 内容占位符 4 Output 使用网格布局输出内容 参数 • content –输出内容. put_xxx() / None 组成的二维数组, None 表示空白. 数组项可 以使用span() 函数设置元素在网格的跨度. • cell_width (str) –网格元素的宽度. • cell_height (str) –网格元素的高度. • cell_widths (str) –网格每一列的宽度. 宽度值用空格分隔

布局: • put_row() : 使用行布局输出内容. 内容在水平方向上排列 • put_column() : 使用列布局输出内容. 内容在竖直方向上排列 • put_grid() : 使用网格布局输出内容 通过组合 put_row() 和 put_column() 可以实现灵活布局: put_row([ put_column([ put_code('A'), put_row([ popup*† 显示弹窗 close_popup 关闭正在显示的弹窗 布局与样式 put_row*† 使用行布局输出内容 put_column*† 使用列布局输出内容 put_grid* 使用网格布局输出内容 span 在put_table() 和put_grid() 中 设 置 内 容 跨单元格 style* 自定义输出内容的 css 样式 其他 output* 内容占位符 4 Output 使用网格布局输出内容 参数 • content –输出内容. put_xxx() / None 组成的二维数组, None 表示空白. 数组项可 以使用span() 函数设置元素在网格的跨度. • cell_width (str) –网格元素的宽度. • cell_height (str) –网格元素的高度. • cell_widths (str) –网格每一列的宽度. 宽度值用空格分隔

布局: • put_row() : 使用行布局输出内容. 内容在水平方向上排列 • put_column() : 使用列布局输出内容. 内容在竖直方向上排列 • put_grid() : 使用网格布局输出内容 通过组合 put_row() 和 put_column() 可以实现灵活布局: put_row([ put_column([ put_code('A'), put_row([ popup*† 显示弹窗 close_popup 关闭正在显示的弹窗 布局与样式 put_row*† 使用行布局输出内容 put_column*† 使用列布局输出内容 put_grid* 使用网格布局输出内容 span 在put_table() 和put_grid() 中 设 置 内 容 跨单元格 style* 自定义输出内容的 css 样式 其他 output* 内容占位符 4 Output 使用网格布局输出内容 参数 • content –输出内容. put_xxx() / None 组成的二维数组, None 表示空白. 数组项可 以使用span() 函数设置元素在网格的跨度. • cell_width (str) –网格元素的宽度. • cell_height (str) –网格元素的高度. • cell_widths (str) –网格每一列的宽度. 宽度值用空格分隔