Question

尝试使段落具有一定的宽度，但段落仍然存在。为什么榆树不理我？

宽度必须是一个整数，所以我给它宽度（以像素为单位）。

import Html exposing (..)
import Html.Attributes exposing (..)


info : String
info = "Ports must be careful about what values are allowed through. Elm is statically typed, so each port is fitted with some border protection code that ensures that type errors are kept out. Ports also do some conversions so that you get nice colloquial data structures in both Elm and JS."

main = p [ Html.Attributes.width 500] [ text info ]

Elm-Reactor只是将其编译为没有属性的<p> ... </p>。

Answer 1

使用Html.Attributes中的“style”

clientKey(null)

根据文档，“Html.Attributes.width”函数不适用于段落。

宽度：Int - ＆gt;属性消息

声明画布，嵌入，iframe，img，输入，对象或视频的宽度。

http://package.elm-lang.org/packages/elm-lang/html/1.0.0/Html-Attributes#width

Answer 2

您将width HTML属性与具有相同名称的CSS属性混淆。

<强>宽度

对于此处列出的元素，这将确定元素的宽度。

注意：对于所有其他实例，例如，这是遗留属性，在这种情况下应使用CSS width属性

<canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video>

CSS属性

p [ style [ ("width", "100px") ] ] [ text "Hello World!" ]
-- <p style="width: 100px">Hello World</p>

HTML属性

iframe [ width 100 ] []
-- <iframe width="100px"></iframe>

榆树段落的宽度

2 个答案: