Streamlit网站布局求助：如何实现st.latex内容左对齐？

要让st.latex渲染的数学公式与算法步骤左对齐，直接通过Streamlit原生参数无法实现，需要注入自定义CSS覆盖默认的居中样式，具体方案如下：

1. 注入自定义CSS样式
   在你的Streamlit脚本开头添加这段代码，修改LaTeX元素的对齐规则：

   import streamlit as st
   
   # 注入CSS实现公式左对齐
   st.markdown("""
   <style>
       .stMarkdown .katex {
           text-align: left !important;
           display: block;
       }
   </style>
   """, unsafe_allow_html=True)
   

2. 正常使用st.latex组件
   之后调用st.latex时，内容就会自动左对齐，示例代码：

   # 单行公式示例
   st.latex(r"\sum_{i=1}^n i = \frac{n(n+1)}{2}")
   
   # 多行算法步骤示例（用align环境排版）
   st.latex(r"""
   \begin{align*}
   Step1: &\quad x = a + b \\
   Step2: &\quad y = x \times c \\
   Step3: &\quad z = y - d
   \end{align*}
   """)
   

原理说明 #

Streamlit默认给st.latex渲染的KaTeX元素设置了居中对齐样式，上述CSS通过强制修改text-align为left，并设置display: block让每个公式块独立占一行，从而实现完全左对齐的效果。

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