侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

purecss在这里发生了什么?

2023-04-16 星期日 / 0 评论 / 0 点赞 / 107 阅读 / 1440 字

我正在尝试将 purecss与我一直在研究的项目集成在一起. 由于某种原因它只是为了我的布局,所以我试图创建一个非常原始的模板(下面),我只是得到有趣的字母间距.到底是怎么回事? <!D

... . . 我正在尝试将 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

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

编辑:

似乎与这些two issues相关联,但评论中没有任何解决方法适用于我.

.

解决方法

. Pure-u-2-4类不被Pure识别.相反,使用class 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>
. . .. ...

广告 广告

评论区