put_xxx() 调 用 作 为 参 数 的 输 出 函 数 还 有put_collapse() 、put_scrollable() 、 put_row() 等, 此外，还可以通过put_widget() 自定义可接收 put_xxx() 调用的输出组件，具体用 法请参考函数文档。 使用组合输出时，如果想在内容输出后，对其中的 put_xxx() 子项进行动态修改，可以使用output() 函 数，output() 布局函数还支持自定义各部分的尺寸: put_row([put_image(...), put_image(...)], size='40% 60%') # 左右两图宽度比 2:3 更多布局函数的用法及代码示例请查阅布局函数文档 . 样式 如果你熟悉 CSS 样式 ，你还可以使用style() 函数给输出设定自定义样式。 可以给单个的 put_xxx() 输出设定 CSS 样式，也可以配合组合输出使用: 'B'], ['C', style(put_text('Red'), 'color: red')], ]) style() 也接受列表作为输入，style() 会为列表的每一项都设置 CSS 样式，返回值可以直接输出，可用 于任何接受 put_xxx() 列表的地方: style([ put_text('Red'), put_markdown('~~del~~') ], 'color:

Last but not least pywebio.input — 输入模块 函数清单 函数文档 pywebio.output — 输出模块 函数清单 输出域Scope 内容输出 其他交互 布局与样式 其他 pywebio.session — 会话相关 pywebio.platform — Web框架支持 Tornado相关 Flask相关 Django相关 aiohttp相关 其他 第三方库生态 其他接受 put_xxx() 调用作为参数的输出函数还有 put_collapse() 、 put_scrollable() 、put_row() 等, 此外，还可以通过 put_widget() 自定义可 接收 put_xxx() 调用的输出组件，具体用法请参考函数文档。 使用组合输出时，如果想在内容输出后，对其中的 put_xxx() 子项进行动态修 改，可以使用 output() 函数， output() put_code('E') ]) 显示效果如下: 布局函数还支持自定义各部分的尺寸: put_row([put_image(...), put_image(...)], size='40% 60%') # 左右两图宽度 比2:3 更多布局函数的用法及代码示例请查阅 布局函数文档 . 样式 如果你熟悉 CSS样式 [https://www.google.com/search?q=CS

put_buttons(['close_popup()'], onclick=lambda _: close_popup()) ]) 另外，你可以使用put_widget() 来创建可以接受 put_xxx() 的自定义输出控件。 接受 put_xxx() 调用作为参数的完整输出函数清单请见输出函数列表 占位符 使用组合输出时，如果想在内容输出后，对其中的 put_xxx() 子项进行动态修改，可以使用output() 以上代码将在浏览器上显示如下： 布局函数还支持自定义各部分的尺寸: put_row([put_image(⋯), put_image(⋯)], size='40% 60%') # 左右两图宽度比 2:3 更多布局函数的用法及代码示例请查阅布局函数文档 . 20 Chapter 4. Documentation PyWebIO, 发布 1.3.1 样式 如果你熟悉 CSS 样式 ，你还可以在输出函数后调用 ，你还可以在输出函数后调用 style() 方法给输出设定自定义样式。 可以给单个的 put_xxx() 输出设定 CSS 样式，也可以配合组合输出使用: put_text('hello').style('color: red; font-size: 20px') put_row([ put_text('hello').style('color: red'), put_markdown('markdown') ])

put_buttons(['close_popup()'], onclick=lambda _: close_popup()) ]) 另外，你可以使用put_widget() 来创建可以接受 put_xxx() 的自定义输出控件。 接受 put_xxx() 调用作为参数的完整输出函数清单请见输出函数列表 占位符 使用组合输出时，如果想在内容输出后，对其中的 put_xxx() 子项进行动态修改，可以使用output() 以上代码将在浏览器上显示如下： 布局函数还支持自定义各部分的尺寸: put_row([put_image(⋯), put_image(⋯)], size='40% 60%') # 左右两图宽度比 2:3 更多布局函数的用法及代码示例请查阅布局函数文档 . 20 Chapter 4. Documentation PyWebIO, 发布 1.3.3 样式 如果你熟悉 CSS 样式 ，你还可以在输出函数后调用 ，你还可以在输出函数后调用 style() 方法给输出设定自定义样式。 可以给单个的 put_xxx() 输出设定 CSS 样式，也可以配合组合输出使用: put_text('hello').style('color: red; font-size: 20px') put_row([ put_text('hello').style('color: red'), put_markdown('markdown') ])

put_buttons(['close_popup()'], onclick=lambda _: close_popup()) ]) 另外，你可以使用put_widget() 来创建可以接受 put_xxx() 的自定义输出控件。 接受 put_xxx() 调用作为参数的完整输出函数清单请见输出函数列表 占位符 使用组合输出时，如果想在内容输出后，对其中的 put_xxx() 子项进行动态修改，可以使用output() 以上代码将在浏览器上显示如下： 布局函数还支持自定义各部分的尺寸: put_row([put_image(⋯), put_image(⋯)], size='40% 60%') # 左右两图宽度比 2:3 更多布局函数的用法及代码示例请查阅布局函数文档 . 20 Chapter 4. Documentation PyWebIO, 发布 1.3.2 样式 如果你熟悉 CSS 样式 ，你还可以在输出函数后调用 ，你还可以在输出函数后调用 style() 方法给输出设定自定义样式。 可以给单个的 put_xxx() 输出设定 CSS 样式，也可以配合组合输出使用: put_text('hello').style('color: red; font-size: 20px') put_row([ put_text('hello').style('color: red'), put_markdown('markdown') ])

put_buttons(['close_popup()'], onclick=lambda _: close_popup()) ]) 另外，你可以使用put_widget() 来创建可以接受 put_xxx() 的自定义输出控件。 接受 put_xxx() 调用作为参数的完整输出函数清单请见输出函数列表 占位符 使用组合输出时，如果想在内容输出后，对其中的 put_xxx() 子项进行动态修改，可以使用output() 以上代码将在浏览器上显示如下： 布局函数还支持自定义各部分的尺寸: put_row([put_image(⋯), put_image(⋯)], size='40% 60%') # 左右两图宽度比 2:3 更多布局函数的用法及代码示例请查阅布局函数文档 . 20 Chapter 4. Documentation PyWebIO, 发布 1.3.0 样式 如果你熟悉 CSS 样式 ，你还可以在输出函数后调用 ，你还可以在输出函数后调用 style() 方法给输出设定自定义样式。 可以给单个的 put_xxx() 输出设定 CSS 样式，也可以配合组合输出使用: put_text('hello').style('color: red; font-size: 20px') put_row([ put_text('hello').style('color: red'), put_markdown('markdown') ])

put_buttons(['close_popup()'], onclick=lambda _: close_popup()) ]) 另外，你可以使用put_widget() 来创建可以接受 put_xxx() 的自定义输出控件。 接受 put_xxx() 调用作为参数的完整输出函数清单请见输出函数列表 占位符 使用组合输出时，如果想在内容输出后，对其中的 put_xxx() 子项进行动态修改，可以使用output() 布局函数还支持自定义各部分的尺寸: put_row([put_image(⋯), put_image(⋯)], size='40% 60%') # 左右两图宽度比 2:3 更多布局函数的用法及代码示例请查阅布局函数文档 . 样式 如果你熟悉 CSS 样式 ，你还可以使用style() 函数给输出设定自定义样式。 可以给单个的 put_xxx() 输出设定 CSS 样式，也可以配合组合输出使用: (续上页) ['C', style(put_text('Red'), 'color: red')], ]) style() 也接受列表作为输入，style() 会为列表的每一项都设置 CSS 样式，返回值可以直接输出，可用 于任何接受 put_xxx() 列表的地方: style([ put_text('Red'), put_markdown('~~del~~') ], 'color:

put_buttons(['close_popup()'], onclick=lambda _: close_popup()) ]) 另外，你可以使用put_widget() 来创建可以接受 put_xxx() 的自定义输出控件。 接受 put_xxx() 调用作为参数的完整输出函数清单请见输出函数列表 占位符 使用组合输出时，如果想在内容输出后，对其中的 put_xxx() 子项进行动态修改，可以使用output() 以上代码将在浏览器上显示如下： 布局函数还支持自定义各部分的尺寸: put_row([put_image(⋯), put_image(⋯)], size='40% 60%') # 左右两图宽度比 2:3 更多布局函数的用法及代码示例请查阅布局函数文档 . 20 Chapter 4. Documentation PyWebIO, 发布 1.2.2 样式 如果你熟悉 CSS 样式 ，你还可以使用style() ，你还可以使用style() 函数给输出设定自定义样式。 可以给单个的 put_xxx() 输出设定 CSS 样式，也可以配合组合输出使用: style(put_text('Red'), 'color: red') put_table([ ['A', 'B'], ['C', style(put_text('Red'), 'color: red')], ]) style() 也接受列表作为输入，style() 会为列表的每一项都设置

onclick=close_popup) ]) 14 Chapter 4. Documentation PyWebIO, 发布 1.4.0 另外，你可以使用put_widget() 来创建可以接受 put_xxx() 的自定义输出控件。 接受 put_xxx() 调用作为参数的完整输出函数清单请见输出函数列表 占位符 使用组合输出时，如果想在内容输出后，对其中的 put_xxx() 子项进行动态修改，可以使用output() 以上代码将在浏览器上显示如下： 布局函数还支持自定义各部分的尺寸: put_row([put_image(⋯), put_image(⋯)], size='40% 60%') # 左右两图宽度比 2:3 更多布局函数的用法及代码示例请查阅布局函数文档 . 4.1. User’s guide 19 PyWebIO, 发布 1.4.0 样式 如果你熟悉 CSS 样式 ，你还可以在输出函数后调用 style() style() 方法给输出设定自定义样式。 可以给单个的 put_xxx() 输出设定 CSS 样式，也可以配合组合输出使用: put_text('hello').style('color: red; font-size: 20px') # in combined output put_row([ put_text('hello').style('color: red'), put_markdown('markdown')

Last but not least pywebio.input — 输入模块 函数清单 函数文档 pywebio.output — 输出模块 函数清单 输出域Scope 内容输出 其他交互 布局与样式 其他 pywebio.session — 会话相关 pywebio.platform — 应用部署 Directory Deploy Application Deploy 其他 第三方库生态 ['C', 'D']])] ]) 类似地， popup() 也可以将 put_xxx() 调用作为弹窗内容: 另外，你可以使用 put_widget() 来创建可以接受 put_xxx() 的自定义输出控 件。 接受 put_xxx() 调用作为参数的完整输出函数清单请见 输出函数列表 占位符 使用组合输出时，如果想在内容输出后，对其中的 put_xxx() 子项进行动态修 改，可以使用 put_code('D'), None, put_code('E') ]) 布局函数还支持自定义各部分的尺寸: put_row([put_image(…), put_image(…)], size='40% 60%') # 左右两图宽度比 2:3 更多布局函数的用法及代码示例请查阅 布局函数文档 . 样式 如果你熟悉 CSS样式 [https://www.google.com/search?q=CSS%E6%A0%B7%E5%BC%8F]