css文字两端对齐

css文字两端对齐

  .title{
    text-align: justify;
    text-align-last: justify;
    text-justify: inter-character;　　// edge,firefox下分割字符
    white-space: normal;　　// nowrap会使text-align: justify失效
    height: 1em;

    &:after {
      content: '';
      display: inline-block;
      width: 100%;　　// 会使text-align-last失效
      height: 0;
      overflow: hidden;
    }
  }