gpt4 book ai didi

css - purecss 是怎么回事?

转载 作者:技术小花猫 更新时间:2023-10-29 11:30:43 25 4
gpt4 key购买 nike

我正在尝试整合 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 无法识别类 pure-u-2-4。相反,使用类 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>

关于css - purecss 是怎么回事?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17087808/

25 4 0