如何在Streamlit侧边栏设置不可点击的空白间隔？

你之前用st.sidebar.radio选项里加空格的方式，会把空格当成可点击的菜单选项，自然会出现可点击的空白区域，这不是正确的实现方式。下面给你几种靠谱的方法：

• 用HTML换行生成空白：直接通过markdown渲染HTML的换行标签，能快速生成空白间隔，无任何交互元素：

  st.sidebar.radio("Menu", ["1", "2"])
  # 添加两行空白
  st.sidebar.markdown("<br><br>", unsafe_allow_html=True)
  st.sidebar.radio("Menu", ["3"])
  

• 自定义高度的空白区域：如果需要精确控制空白高度，可以用带样式的div标签：

  st.sidebar.radio("Menu", ["1", "2"])
  # 生成高度为60px的空白区域
  st.sidebar.markdown("<div style='height: 60px;'></div>", unsafe_allow_html=True)
  st.sidebar.radio("Menu", ["3"])
  

• 使用空容器占位：Streamlit的empty()方法可以创建空占位容器，也能起到空白间隔的作用：

  st.sidebar.radio("Menu", ["1", "2"])
  st.sidebar.empty()
  st.sidebar.empty()
  st.sidebar.radio("Menu", ["3"])
  

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