2

我试图弄清楚如何将 a<table>放入 Susy 网格中。这意味着 a<td>或 a<th>应该与 Susy 网格列或多个 Susy 网格列一样宽。

我的想法是将元素设置为Susy函数<col>返回的宽度。space()喜欢：

(HTML)

<colgroup>
    <col class="one">
    <col class="two">
    <col class="three">
    <col class="four">
</colgroup>

和：

(SCSS)

table {
    @include span-columns($total-columns omega);

    colgroup {
        @include reset-columns;
        col {
            span: 1;

            &.one {
                width: space(1);
            }

            &.two {
                width: space(4);
            }

            &.three {
                width: space(4);
            }

            &.four {
                width: space(6);
            }
        }
    }
}

好吧，它不起作用；）

有人建过这样的表吗？如果你让我知道，我会很高兴的！

ps：我打算尝试设置一个jsfiddle

4

1 回答 1

1

我发现了为什么这不起作用：该@include span-columns($total-columns omega);语句使 table display: inline。将其设置回会display: table导致所需的行为。

但我想知道，如果我只是使用width: 100%而不是使用@include我的桌子......

于 2013-08-29T12:31:40.917 回答