如何在 Elm-Ui 中添加 Html 换行符？

【问题标题】：How do I add a Html line break in Elm-Ui?如何在 Elm-Ui 中添加 Html 换行符？
【发布时间】：2021-07-18 02:48:40
【问题描述】：

我使用 Elm-UI，我想添加一个 Html <br> 标签，但我不确定如何。 \n 似乎不起作用。

【问题讨论】：

【解决方案1】：

为了从您的输入中解析像\n 这样的换行符，已经回答here。

虽然因为br [] []不是Elm-Ui的一部分，Elm-Ui也没有类似的属性，但是解决办法是通过Element.html管道换行。

例如：

import Element exposing (html, paragraph, text)
import Html exposing (br)

-- Snip

paragraph []
    [ text "first line"
    , html <| br [] []
    , text "second line"
    ]

【讨论】：