常用css样式

清除浮动

.clearFloat {
    zoom: 1;
  }
.clearFloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}

上下左右箭头

.arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  font-size: 0;
  line-height: 0;
  border-bottom: 5px solid rgb(105, 105, 105);
  //border-top: 5px solid rgb(105, 105, 105);
  //border-left: 5px solid rgb(105, 105, 105);
  //border-right: 5px solid rgb(105, 105, 105);
}

超过文本宽度省略号显示

.ellipsis{
    word-wrap: wrap none;
    white-space: nowrap; /*强制span不换行*/
    display: inline-block; /*将span当做块级元素对待*/
    width: 90%; /*限制宽度 可设px*/
    overflow: hidden; /*超出宽度部分隐藏*/
    text-overflow: ellipsis; /*超出部分以点号代替*/
}