purecss在这里发生了什么？

Question

purecss在这里发生了什么？

我正在尝试将purecss与我一直在研究的项目集成在一起.

由于某种原因它只是为了我的布局,所以我试图创建一个非常原始的模板(下面),我只是得到有趣的字母间距.到底是怎么回事？

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.2.0/pure-min.css">
    </head>
    <body>
      <div class="pure-g-r">
        <div class="pure-u-2-4">
          <p>Left side.</p>
        </div>
        <div class="pure-u-2-4">
          <p>Right side.</p>
        </div>
      </div>
    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

JSBin显示问题:

http://jsbin.com/ubarag/1/edit

在查看示例时,我的代码似乎是正确的,所以我必须做一些非常明显/愚蠢的事情......

编辑:

似乎与这两个问题有关,除了评论中没有任何解决方法对我有用.

Answer 1

Rus*_*rri 8

pure-u-2-4Pure不承认该课程.相反,使用类pure-u-1-2来获取宽度为50%的列:

<div class="pure-g-r">
  <div class="pure-u-1-2">
    <p>Left side.</p>
  </div>
  <div class="pure-u-1-2">
    <p>Right side.</p>
  </div>
</div>

Run Code Online (Sandbox Code Playgroud)

归档时间：	12 年，4 月前
查看次数：	2325 次
最近记录：	11 年，7 月前