yui-pure-css - Purecss 网格偏移类

标签 yui-pure-css

我一直在评估 purecss 并且想知道在它的网格系统中是否有一个等效于 Bootstrap 的偏移类。

网格 doco 没有提到这样的事情。

谢谢

最佳答案

不,PureCSS 没有明确支持网格偏移;他们似乎相信这很容易在您自己的应用程序代码中解决。

也可以看看:

  • PureCSS 存储库上的 GitHub 问题 ( #318 , #382 )
  • adding padding and borders to grid units 上的文档
  • Snip2code example通过 purecss offset 附加组件的 emirpprime
  • A discussion由 Daniel Genser 在 app.net 上发起

  • 但是,您可以伪造它:
    <div class="pure-g">
        <div class="pure-u-1-3">&nbsp;</div>
        <p class="pure-u-1-3">This would be displayed in the middle third.</p>
    </div>
    

    这不像抵消那样“纯粹”(双关语),但它有效,所以我使用了它。

    如果您想要 purecss 中的偏移量,那么加入其中一份问题报告可能不会有什么坏处,尽管到目前为止,这听起来像是他们选择不包含的内容。

    关于yui-pure-css - Purecss 网格偏移类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26373401/

    相关文章:

    javascript - 纯 CSS 下拉菜单

    css - purecss.io 中容器 Bootstrap 类的等效项是什么?

    css - 扩展纯 css 网格以具有装订线的最佳方法

    css - 为什么 PureCSS 在 Firefox 中堆叠网格 div?

    javascript - 在 YUI Pure CSS 中更改较小宽度屏幕上的 div 顺序

    css - purecss 是怎么回事?

    yui-pure-css - Purecss 网格无法按预期工作

    html - 如何在纯 CSS 中将 div 放在左侧或右侧?