我有一个Streamlight多页应用程序,其中页面有表情符号附加到页面名称,并希望增加一些空间或空白之间的表情符号和页面名称.有没有什么办法可以做到这一点?我try 了大约css种方法,但都没有奏效.

插图图像:

enter image description here

推荐答案

试试这个,看看它对你是否有效.Note:由于Streamlight版本的更改,类可能会推迟.但这应该对version 1.15.2起作用.

import streamlit as st

st.markdown("""
    <style>
    .css-8hkptd {
            margin-right: 10px;
        }
    </style>""", unsafe_allow_html=True)

Css相关问答推荐

在React中使用Tailwind自定义组件着色

在react native中应用阴影

悬停时可展开的按钮与屏幕右侧对齐,如何保持未悬停的按钮正确对齐?

需要Angular material 下拉面板有向下和向上箭头按钮

日期面板未与Angular中的日期控件对齐

媒体查询在生产中没有响应:React 18 应用程序

为什么 :focus 会覆盖 :focus-visible ?

如何在Safari中隐藏CSS的offset-path属性?CSS支持规则不按预期工作

混合网格自动布局与固定的行列位置

CSS 不要 Select 包含混合内容的 div 中的第一个元素

清除 CSS 中已设置的填充属性以恢复 SVG 的默认值

我在 ins 标签中有一个 img 标签,更改 ins 格式覆盖图像的视图

CSS:菜单图标动画

如何在 nth-child 中正确传递 CSS 变量?

在CSS中将文本和 Select 框对齐到相同的宽度?

删除所有填充和边距表格 HTML 和 CSS

如何在 Flexbox 中禁用等高列?

HTML表格:保持列的宽度相同

删除行内块元素中大文本上方和下方的空白

将 CSS 类添加到 Html.BeginForm()