从 Streamlit/Hydralit 中删除标题空白

Question

我正在尝试从基于 Hydralit 的 Streamlit（v.1.1.0）应用程序中删除白色间距（如图所示；徽标和主页下方的两个空格。

我尝试过：

# 1
st.markdown(
        f""" <style>
        .reportview-container .main .block-container{{
            padding-top: 0 rem;
            padding-right: 0 rem;
            padding-left: 0 rem;
            padding-bottom: 0 rem;
        }} </style> """,
        unsafe_allow_html=True,
    )
# 2 
st.markdown("""
        <style>
               .css-18e3th9 {
                    padding-top: 0rem;
                    padding-bottom: 10rem;
                    padding-left: 5rem;
                    padding-right: 5rem;
                }
               .css-1d391kg {
                    padding-top: 3.5rem;
                    padding-right: 1rem;
                    padding-bottom: 3.5rem;
                    padding-left: 1rem;
                }
        </style>
        """, unsafe_allow_html=True)

但它们似乎都不起作用；如何压缩布局并有效减少徽标下方和页面第一个标题上方的空间？

Answer 1

此行将标头上方的填充从默认的 6rem 减少到 2rem。

st.write('<style>div.block-container{padding-top:2rem;}</style>', unsafe_allow_html=True)