pywebio.output.put_image(img, width='50%')如何把图片居中显示

要让 `put_image()` 函数中的图片居中显示，可以在调用函数时，将 `width` 参数设置为图片宽度的具体值，而不是百分比。

具体来说，你可以通过 Python 中的 `Pillow` 库，来获取图片的宽度，然后将其作为参数传递给 `put_image()` 函数。然后，你可以使用 CSS 样式来将图片居中显示。

以下是一个基本的例子：

from PIL import Image
from pywebio.output import put_image, put_html
from pywebio import start_server

def main():
    # 读取图片并获取宽度
    img = Image.open('example.jpg')
    width = f'{img.width}px'

    # 将图片居中显示
    put_html(f'<div style="display: flex; justify-content: center;"><img src="example.jpg" style="width: {width};"></div>')

if __name__ == '__main__':
    start_server(main)

在这个例子中，我们首先使用 `Pillow` 库读取图片，并获取其宽度。然后，我们将宽度作为参数传递给 `put_image()` 函数，并将其设置为具体值，而不是百分比。最后，我们使用 CSS 样式将图片居中显示。

需要注意的是，这里使用的是 `put_html()` 函数来输出 HTML 代码，以便我们可以自由地控制样式。如果你希望使用 `put_image()` 函数，也可以在调用函数时，将 `width` 参数设置为具体值。然后，你可以添加样式表，来将图片居中显示。