0

我有以下html:

<head>
  <link href="http://yui.yahooapis.com/pure/0.3.0/base-min.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form action="/item" class="pure-form pure-form-stacked" method="POST">
        <fieldset>
            <label for="item">Name of item</label>
            <input id="item" name="item" type="text" />
            <label for="desc">Description</label>
            <input id="desc" name="desc" type="text" />
            <input type="submit" value="Add" />
        </fieldset>
    </form>
</body>

这不会像http://purecss.io/forms/中的示例那样呈现(堆叠形式),但更像是内联形式(并且不是很好)。我的html有问题吗?

4

1 回答 1

3

您不包括纯形式的 css。

添加

<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/pure-min.css">

到你的头上。

http://jsfiddle.net/jaap/tFAWe/

(我将按钮类添加到按钮中,并将图例节点添加到字段集中)。

于 2013-10-07T10:53:47.203 回答