解决less中calc无法正确计算的方法

 

在表达式前加上“~”字符即可正确解析

实例:

 

.breadcrumb-title{
      text-align: center;
      font-size: @fontC;
      &:after{
        position: absolute;
        content: '';

        top:39px;
        left: calc( ~"50% - 12px");
        border-top:9px solid @colorB;
        border-left:12px solid transparent;
        border-right:12px solid transparent;

      }
    }

你可能感兴趣的:(vuejs学习之路)