streamlit中图片居中
时间: 2024-05-13 12:12:53 浏览: 575
CSS解决页面图片水平垂直居中问题的方法
在 Streamlit 中,可以通过 `st.image()` 函数来展示图片。要使图片居中,可以在该函数的参数中添加 `use_column_width=True` 参数。这样,Streamlit 会将图片缩放到当前列的宽度,并将其居中显示。
例如:
```
import streamlit as st
from PIL import Image
image = Image.open("example.jpg")
st.image(image, use_column_width=True, caption="Example image")
```
如果希望图片水平居中,可以使用 `st.beta_container()` 函数创建一个容器,然后将图片放置在容器中,并添加 `style={"justify-content": "center"}` 参数。这样,容器会将图片居中显示。
例如:
```
import streamlit as st
from PIL import Image
image = Image.open("example.jpg")
container = st.beta_container()
with container:
st.image(image)
st.write("Example image")
container.empty()
```
阅读全文