Sass 用Flex Box和基金会6提前结束网格 我试图阻止一个元素使用Flex网格在基础6中加入网格的一部分。标记为: <section> <h2>A great headline</h2> <p>Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p> <a href="">Something</a> </section> section { @include flex-grid-row(); h2 { @include flex-grid-column(12); text-align: center; } p { @include grid-column-offset(3); @include flex-grid-column(6); text-align: center; } a { } } 大标题

Sass 用Flex Box和基金会6提前结束网格 我试图阻止一个元素使用Flex网格在基础6中加入网格的一部分。标记为: <section> <h2>A great headline</h2> <p>Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p> <a href="">Something</a> </section> section { @include flex-grid-row(); h2 { @include flex-grid-column(12); text-align: center; } p { @include grid-column-offset(3); @include flex-grid-column(6); text-align: center; } a { } } 大标题,sass,flexbox,zurb-foundation,Sass,Flexbox,Zurb Foundation,多洛·希特·艾米特,作为一名杰出人士,他是临时劳工 部分{ @包括flex-grid-row(); h2{@include flex grid column(12);文本对齐:居中;} p{ @包括轴网柱偏移量(3); @包括柔性网格柱(6); 文本对齐:居中; } a{} } 我希望a标记出现在p的下方,但由于p只占用9列,因此a标记将其连接起来 在标准网格中,您可以使用@include grid column end

多洛·希特·艾米特,作为一名杰出人士,他是临时劳工

部分{ @包括flex-grid-row(); h2{@include flex grid column(12);文本对齐:居中;} p{ @包括轴网柱偏移量(3); @包括柔性网格柱(6); 文本对齐:居中; } a{} } 我希望
a
标记出现在
p
的下方,但由于
p
只占用9列,因此
a
标记将其连接起来


在标准网格中,您可以使用
@include grid column end最好将


此外,如果要使柱居中,则不需要偏移柱。行上的.align中心类可以做到这一点。

我认为可能是这样,但仍然需要掌握Flex。希望能够添加更多的标记。