如何将Streamlit中首个Widget（Logo）向上调整位置？

以下几种方法可以将首个元素（比如你的Logo图片）向上移动：

方法一：自定义CSS修改顶部边距 #

Streamlit默认会给页面顶部添加一定的内边距，通过自定义CSS可以直接减少或消除这个间距，让元素顶格显示：

# 插入自定义CSS调整顶部内边距
st.markdown("""
    <style>
        /* 针对Streamlit默认的顶部容器调整内边距 */
        .css-18e3th9 {
            padding-top: 0rem;
        }
        .css-1d391kg {
            padding-top: 0rem;
        }
    </style>
""", unsafe_allow_html=True)

# 放置你的Logo图片
with col1:
    st.image("logo.jpg", width=300)

注意：Streamlit的CSS类名可能会随版本更新变化，如果上面的类名不生效，可打开浏览器开发者工具（F12）查看页面顶部容器的类名，替换到CSS代码中即可。

方法二：设置页面布局为宽模式 #

通过st.set_page_config将页面布局设置为wide，也能减少默认的顶部间距：

# 放在代码最开头设置页面布局
st.set_page_config(layout="wide")

with col1:
    st.image("logo.jpg", width=300)

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