常用CSS代码收集

清除浮动clearfix CSS：

<style>
  .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  .clearfix { display: inline-table; }
    /* Hides from IE-mac \*/
    * html .clearfix { height: 1%; }
    .clearfix { display: block; }
    /* End hide from IE-mac */
</style>

 

单行超出现实省略号

overflow:hidden;  /* 内容超出宽度时隐藏超出部分的内容 */

text-overflow:ellipsis;  /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/ 

white-space:nowrap;   /* 不换行 */