#A streamlit app with two centered texts with different seizes
import streamlit as st
st.markdown("<h1 style='text-align: center; color: grey;'>Big headline</h1>", unsafe_allow_html=True)
st.markdown("<h2 style='text-align: center; color: black;'>Smaller headline in black </h2>", unsafe_allow_html=True)
或者你可以像这样使用streamlit的column关键字:
import streamlit as st
col1, col2, col3 = st.columns(3)
with col1:
st.write(' ')
with col2:
st.image("https://static.streamlit.io/examples/dog.jpg")
with col3:
st.write(' ')
3条答案
按热度按时间km0tfn4u1#
要使文本居中,您可以使用markdown,如下所示:
或者你可以像这样使用streamlit的column关键字:
这将创建容器,您可以在其中添加文本和图像。这样您就可以居中图像。
4zcjmb1e2#
使用分栏居中对齐图像并不总是有效的,一个更具体的选择是使用markdown来显示图像。
但首先图像必须转换为Base64。下面是为png图像这样做的解决方案。
izkcnapc3#
下面是另一种方法,稍微简化this answer并避免HTML:
或者,如果仅渲染一个项目:
如果你想让文本在列中居中,HTML似乎是唯一的方法。如果你不介意全局居中所有
<h2>
,你可以用途:另请参见Center Streamlit Button。