6

私が取り組んでいるプロジェクトに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>

JSBin 表示の問題:

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

例を見ると私のコードは正しいように見えるので、本当に明白/愚かなことをしているに違いありません...

編集：

これらの2 つの 問題に関連しているように見えますが、コメント内の回避策がどれも機能していません。

4

2 に答える 2

8

このクラスpure-u-2-4は Pure によって認識されません。代わりに、クラス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>
于 2013-06-13T13:47:43.473 に答える