如何在Streamlit中减小项目列表的行间距?

huangapple go评论82阅读模式
英文:

How to reduce line spacing in bulleted list in Streamlit?

问题

如何减小st.markdown中项目符号之间的行间距?

代码

st.markdown('- 项目1')
st.markdown('- 项目2')
st.markdown('- 项目3')

当前输出(希望减小所示的间距)

如何在Streamlit中减小项目列表的行间距?

英文:

How do I reduce the line spacing between bullet points in st.markdown?

Code

st.markdown('- Item 1')
st.markdown('- Item 2')
st.markdown('- Item 3')

Current Output (would like to reduce the space as indicated)

如何在Streamlit中减小项目列表的行间距?

答案1

得分: 1

import streamlit as st

st.markdown(""将文本放在同一个markdown元素中,您可以得到类似这样的效果,更接近一点(项目4和5):"")

st.markdown("[![markdown空间][1]][1]")

st.markdown("[1]: https://i.stack.imgur.com/PDTWA.png")

st.markdown("```python\nimport streamlit as st\n\nst.markdown("- 项目1")\nst.markdown("- 项目2")\nst.markdown("- 项目3")\n\nst.markdown("- 项目4  \\n- 项目5  ")\n```")
英文:

If you put the text inside the same markdown element, you can get something like this, which is a bit closer (items 4 & 5):

如何在Streamlit中减小项目列表的行间距?

import streamlit as st

st.markdown("- Item 1")
st.markdown("- Item 2")
st.markdown("- Item 3")

st.markdown("- Item 4  \n- Item 5  ")

huangapple
  • 本文由 发表于 2023年7月17日 10:51:51
  • 转载请务必保留本文链接:https://go.coder-hub.com/76701242.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定