无法在ipyvuetify中的Alert对象中写入空格

Question

我尝试在警报中显示n个进度条(而不是使用我所知道的vuetify进度元素)。

我创建了一个很好的脚本，作为str完成一个很好的输出：

def update_progress(progress, msg='Progress', bar_length=30):
    plain_char = '█'
    empty_char = ' '
    progress = float(progress)
    block = int(round(bar_length * progress))

    text = f'{msg}: |{plain_char * block + empty_char * (bar_length - block)}| {progress *100:.1f}%'
    
    return text

当我打印输出时，会得到以下内容：

​

当我将它作为一个子元素插入警报组件时：

​

第一个问题，空间已被整理，第二个问题，它正在改变块的ascii字符为一个更广泛的。这很正常吗?我怎么才能避免呢？

Answer 1

正如在#103的github存储库中引用的那样，它是模型/空白的一个“特性”

使用pre标记将保留空白：

v.Html(
    tag='pre', 
    children=['a                 mess age'], 
    class_='info--text',
    style_='font-family:roboto'
)

class和style小曲在这里是为了保持警报的形成(需要适应您自己的type_)。