从Streamlit/Hydralit中移除标头空白

Question

我正试图从我的Streamlit (v.1.1.0)应用程序中删除白色间隔，基于Hydralit (如图中所示；徽标和主页下面的两个空格)。

我试过：

# 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

这一行将标题上方的填充从默认的6 2rem减少到2 2rem。

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

Answer 2

如果我做st.markdown而不是写，jein解决方案对我有用。

reduce_header_height_style = """
    <style>
        div.block-container {padding-top:1rem;}
    </style>
"""
st.markdown(reduce_header_height_style, unsafe_allow_html=True)