如何在NiceGui中实现多行文本按钮？

Quasar的按钮示例里直接用<br>标签就能实现多行文本，但NiceGui的按钮默认会转义HTML标签，直接写<br>会被显示成纯文本，无法达到换行效果。下面提供两种可行的实现方式：

方法一：使用label_html参数 #

通过label_html传入包含<br>的HTML内容，这个参数不会被转义，能直接解析换行标签：

from nicegui import ui

# 基础多行按钮
ui.button(label_html='第一行<br>第二行')

# 带说明的多行按钮
ui.button(label_html='确认提交<br>(数据将无法修改)')

ui.run()

方法二：换行符配合CSS样式 #

如果不想用HTML标签，可以在文本里用\n换行，再通过CSS设置按钮的white-space属性为pre-wrap，让换行符生效：

from nicegui import ui

ui.button('第一行\n第二行').style('white-space: pre-wrap; padding: 0.5rem;')

ui.run()

示例效果 #

（注：示例图片展示了两个多行按钮，第一个按钮文本分为两行“第一行”和“第二行”，第二个按钮显示“确认提交”和“(数据将无法修改)”两行内容）

内容的提问来源于stack exchange，提问作者xvan