杂记

页面中中文标点符号换行问题，可以在CSS中设置父级div：

div{
    word-break:normal;
    word-wrap:break-word;
}

span标签自助换行：

span{

}

自定义格子标签布局：以下样式是stylus写法

.icons//相当于ul
  margin-top: .1rem
  .icon//相当于li
    position: relative
    float: left
    width: 25%
    height: 0
    padding-bottom: 25%
    .icon-img//相当于img的父级div
       position: absolute
       left: 0
       top: 0
       right: 0
       bottom: .44rem
       box-sizing: border-box
       padding: .1rem
       .icon-img-content//相当于img
          display: block
          height: 100%
          margin: 0 auto
    .icon-decs//相当于标题注释
       position: absolute
       left: 0
       right: 0
       bottom: 0
       color: #333
       text-align: center
       height: .44rem
       line-height: .44rem
       overflow: hidden
       white-space: nowrap
       text-overflow: ellipsis