中心流光按钮

Posted 2023-03-29

【中文标题】中心流光按钮

【英文标题】：Center Streamlit Button

【发布时间】：2020-06-10 04:20:39

【问题描述】：

如何使用 Streamlit 使按钮居中以使按钮仍可点击？下面是一个返回随机数的按钮的小例子：

 import streamlit as st 
 import numpy as np

 if st.button('Click'): 
     rand = np.random.standard_normal()
     st.write(str(rand))

我已经看到了对标题使用 markdown 的解决方案，但对于像按钮这样的交互式元素却没有。

【问题讨论】：

你能解释一下“居中”按钮是什么意思吗？

@theletz 我指的是按钮的水平对齐方式。让它出现在应用程序的中间，而不是默认的左对齐。

【参考方案1】：

目前 Streamlit 不支持该功能，但我们正在努力解决此问题（请参阅我们的 Roadmap 了解更多信息）。 随时将您的想法添加到Customizable Layout for Streamlit 讨论中。

感谢您使用 Streamlit！

【讨论】：

通过列的解决方案（参见上面的 cmets）是路线图中的解决方案吗？或者路线图上是否有更量身定制的解决方案？

目前这个问题没有“官方”解决方案。这个问题在我们的路线图上，但不是最重要的。我会尽快在此处添加解决方案。给您带来的不便深表歉意！

【参考方案2】：

据我所知，没有标准的方法可以使按钮居中对齐。但是，我找到了一个快速解决方法。这不是正确的方法，但确实有效。

你可以试试：

col1, col2, col3 , col4, col5 = st.beta_columns(5)

with col1:
    pass
with col2:
    pass
with col4:
    pass
with col5:
    pass
with col3 :
    center_button = st.button('Button')

以下将创建 5 列，您可以将按钮置于第三列的中心，而其他 4 列保持为空。这只是一个快速修复，而不是正确的方法，但它为我完成了这项工作。 希望你喜欢它。

【参考方案3】：

col1, col2, col3 = st.beta_columns(3)
if col2.button('Click'):
    st.write('hello')

【参考方案4】：

用途：

_, _, _, col, _, _, _ = st.columns([1]*6+[1.18])
clicked = col.button('Button')

【讨论】：

发表一些解释为什么这有效，并且与您的其他海报相比，您的答案更好。审查结束。