pywebio.output.put_image(graph.main(zff,times), height='70%').style('text-align:center;vertical-align: top;')将图片水平居中但垂直方向不居中请修改这个代码是水平方向不居中
时间: 2024-03-27 10:38:35 浏览: 58
teverr_image_AndYet..._源码
如果要让图片在水平方向上居中,可以将 `text-align:center;` 修改为 `margin: 0 auto;`。同时,`vertical-align: top;` 也可以删除,因为在使用 `put_image` 函数时,图片会自动垂直居中。修改后的代码如下所示:
```python
pywebio.output.put_image(graph.main(zff, times), height='70%').style('margin: 0 auto;')
```
这样就可以让图片在水平方向上居中了。如果还想要让图片在垂直方向上居中,可以添加 `display: flex; justify-content: center; align-items: center;` 属性,使其成为一个 flex 容器并垂直居中。修改后的代码如下所示:
```python
pywebio.output.put_image(graph.main(zff, times), height='70%').style('display: flex; justify-content: center; align-items: center; margin: 0 auto;')
```
这样就可以让图片在水平和垂直方向上都居中了。
阅读全文