Question

可以这样做吗？我已经调查过susy，jeet，singularity等。我使用的是最新版本的libsass。如果我切换到Ruby，我可能会有更多的选择。

我喜欢susy，但是对于我的下一个项目，我需要固定的排水沟（将它们设置为px）。

建议欢迎！

Answer 1

如果我想用这种方法使用Susy（我最喜欢的网格），我会将装订线设置为0并在我的Sass中手动管理边距，如下所示：

$susy: (columns: 4, gutters: 0, math: fluid, output: float, last-flow: to)

@import "susy/susy"

body
    background-color: #fff
    margin: 0
    padding: 0
    font-size: 100%
    color: #000

.container
    @include container()

.box
    @include span(1)
    &:last-child
        @include last()
    div
        background-color: #ccc
        margin: 0 10px // Will result in 20px margin
    &:first-child
        div
            margin-left: 0 // Skip, if you want outer gutter
    &:last-child
        div
            margin-right: 0 // Skip, if you want outer gutter

现在，标记为......

<div class="container">

    <div class="box">
        <div>A</div>
    </div>

    <div class="box">
        <div>B</div>
    </div>

    <div class="box">
        <div>C</div>
    </div>

    <div class="box">
        <div>D</div>
    </div>

</div>

...你会得到带有固定排水沟的流体柱 - 这不是Susy的排水沟，而是一个“可见的”排水沟。当然，如果你需要断点依赖的行为，这是一个额外的工作，但恕我直言。

并且Susy放在一边：Bootstrap使用固定的沟槽宽度。虽然我觉得将网格从Bootstrap膨胀中扯掉是非常麻烦的，但如果我只想要一个网格而没有别的东西。

什么是固定排水沟和流体柱（并使用边距）的网格解决方案？

1 个答案: