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