代码之家 › 专栏 › 技术社区 › Simon_Weaver

YUI grids.css真的那么灵活吗?

yui-grids yui css

Simon_Weaver · 技术社区 · 16 年前

非常喜欢YUI组件和reset.css-我认为 Yahoo YUI grids.css 这是一个不假思索的问题。事实上,他们说自己可以很好地销售:

预设和嵌套格线,几乎无限多个复杂页面

(来自上面的grids.css链接)

然而,我试图做一些非常简单的3列布局,似乎不能做一些基本的事情-也找不到很好的解释在文档中如何做他们。

例如:

我可以更改柱之间的檐槽吗?
将1/2、2/3、1/4类型的布局嵌套在彼此之间非常容易,但是我可以嵌套 yui-t1 模板?
- (我的筑巢成功率有限 yui-t1 选择器,但结果是多个div具有相同的id,这让我相信我做错了什么。

到目前为止,我的印象是YUI Grid适用于更多“内容驱动”的网站,在这些网站上,你可以获得像新闻这样的内容,而这些内容不一定要符合精确的设计。这是一个公平的说法吗?还是我错过了一些使用grids.css的魔术?

我是否更适合使用具有固定位置的替代网格?

Alternatives to YUI

6 回复 | 直到 7 年前

Arthur Ronald 14 年前

这个答案由Nate Koechley在 YUI forum -YUI高级工程师,YUI团队

我建议人们不要直接触摸节点 这是网格骨架。当然,欢迎你来, 但正如你所注意到的,这会影响他们的稳定性和行为

和

我想和 将内容标记放在该结构中 . 这是一点额外的标记,是的,但我认为它是封装 因为您的内容可以自由安全地移动,而不受网格的影响 .

它可能对某人有用 想要使用YUI网格的

使现代化

<div class="yui-g">
    <div class="yui-u first"></div>
    <div class="yui-u"></div>
</div>

你想增加一些额外的利润。正如内特所说,

<div class="yui-g">
    <div class="yui-u first">
        <div class="specialCss">
            your content goes here
        </div>
    </div>
    <div class="yui-u">

    </div>
</div>

并定义其边距、填充等。。。

.specialCss {
    margin:10px;
}

这样就不会影响YUI CSS网格的稳定性和行为

sh1mmer 16 年前

可以通过替代边距属性来更改边沟。您可以通过覆盖诸如.yui gb{}等选择器或您正在使用的任何布局来全面实现这一点。如果您只想做一组特定的列,您可以添加另一个类并使用它,只需确保您比YUI规则有更多的特殊性(或者做相同的设置,并且您的规则在CSS文件中更低)。

免责声明:我为Y工作!

Rowan 16 年前

你看过内特·柯克利的演讲了吗?根据记忆,我想他确实提到了可以改变列之间的槽,并解释了如何进行定制。

http://developer.yahoo.com/yui/grids/

Sandip Bhattacharya 14 年前

我只想提到,在新的YUI 3网格中,有一个关于如何指定网格间距的特定示例。

http://developer.yahoo.com/yui/3/examples/cssgrids/cssgrids-units.html

Jeremy 16 年前

http://kematzy.com/blueprint-generator/ )。这是一种快速定制CSS网格的好方法(基于 Blueprint CSS ).

不幸的是,我不知道YUI是否有类似的工具。

Arthur Ronald 14 年前

YUI 3 grids 它很强大。灵活,稳定简单