Bootstrap工具Mixin如何改写为长尾？

本文共计797个文字，预计阅读时间需要4分钟。

Mixin 工具 mixin 用于处理与CSS无关的组合，以达到特定目的或任务。

1.清除浮动：为需要清除浮动的元素使用 `.clearfix()` mixin。

2.清除浮动 + 建议：清除浮动元素。

工具Mixin工具mixin用于与不相关的CSS结合使用以达到特定目的或任务。1、清除浮动建议为需要清除浮动的元素使用.clearfix()的mixin以达到特定目的或任务。

1、清除浮动

建议为需要清除浮动的元素使用.clearfix()的mixin尽量不要直接为元素添加class"clearfix"类。这里是 Nicolas Gallagher 创造的micro clearfix代码。

 

// 定义 mixin

.clearfix() {

  

    display: table;

  }

  

  }

}

 

// 使用 mixin

.container {

  .clearfix();

}

2、水平居中

让元素在其父元素中水平居中。需要设置width或max-width属性。.center-block 类是通过设置display: block和margin属性让内容块居中显示。