首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在流体容器中获得静态跨度宽度

在流体容器中获得静态跨度宽度
EN

Stack Overflow用户
提问于 2015-10-06 09:46:43
回答 2查看 430关注 0票数 0

我正在建立一个网站使用苏西流体网格容器。但是我的一些接口元素需要固定的宽度。所以有了这些设置:

代码语言:javascript
运行
复制
$susy: (
  columns: 12,
  container: rem-calc(1680),
  gutters: 28px/112px,
  global-box-sizing: border-box,
  gutter-position: split
);

例如,我想简单地得到8列跨度,但却是静态的。所以@include (12中的8)将得到前置值,这很好,但在某些情况下,我想得到静态值(当然是基于容器固定的最大宽度)。

有可能吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-10-07 10:00:56

在上面的susy全局设置中,可以添加:

代码语言:javascript
运行
复制
math: static

但要做到这一点,还需要包括列宽度对象。

因此,假设您希望每个列的宽度为40 it,使用您的示例,如下所示:

代码语言:javascript
运行
复制
$susy: (
  columns: 12,
  ...
  math: static,
  column-width: 40px
);

当您执行@include span而不是使用% base时,它将使用px基,您希望它是静态的。

票数 1
EN

Stack Overflow用户

发布于 2016-10-14 02:30:20

是的--您可以将static作为任何Susy函数或希望静态输出的混合函数的参数传递-- @include span(8 of 12 static) - as,只要您有column-widthcontainer集。(不要两者兼而有之,否则就有可能发生冲突)

更新:哦,我看到上面的评论提到了这一点.

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32966808

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档