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

时间:2015-10-06 09:46:43

标签: css sass grid susy

我使用susy流体网格容器构建网站。但是我的一些界面元素需要固定的宽度。所以有这些设置:

 private static long InsertStatementAnswer_DF_P(ADB.Model.AssessmentStatementAnswerViewModel assessmentAnswerObj, MSSQL sql)
   {
       bool killConnection = Utils.getConnection(ref sql);

       long returnValue = 0;

       try
       {
           sql.SetSProc("[dbo].[p_assessment_dfn_statementAnswer_insert]");
           sql.AddParam("@StatementID", assessmentAnswerObj.StatementID);
           sql.AddParam("@StaffID", assessmentAnswerObj.StaffID);
           sql.AddParam("@AssessmentID", assessmentAnswerObj.AssessmentID);
           sql.AddParam("@StatementText", assessmentAnswerObj.StatementText);
           sql.AddParam("@StatementDate", assessmentAnswerObj.Date);              
           sql.AddParam("@SignatureCheck", assessmentAnswerObj.ElectronicSignatureCheck);
           sql.AddParam("@SignatureDate", assessmentAnswerObj.SignatureDateAndTime);

           sql.AddOutputParam("@StatementAnswerID", SqlDbType.BigInt, 0);
           sql.AddOutputParam("@ElectronicSignatureID", SqlDbType.BigInt, 0);


           sql.ExecuteNonQuery();


       }
       finally
       {
           if (killConnection)
               sql.Dispose();
       }

       return returnValue;
   }

我想轻松地获得例如8列跨度,但是静态地。所以@include span(8 of of 12)会产生precentage值,这很好,但在某些情况下我想得到静态值(基于容器固定的最大宽度)。

有可能吗?

2 个答案:

答案 0 :(得分:1)

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

math: static

但是为了做到这一点,你还需要包括列宽对象。

因此,假设您希望每列具有40px宽度,使用您的示例,它是这样的:

$susy: (
  columns: 12,
  ...
  math: static,
  column-width: 40px
);

当你执行@include span而不是使用%basis时,它将使用px base,你可以将它作为静态。

答案 1 :(得分:0)

是的 - 只要您有static或{{1设置。 (不要设置两者,否则可能会发生冲突)

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