解决不同浏览器文字间距不同的问题

让不同的字数的两行文字两端对其：开始用了加空格的方法，不过发现苹果手机对空格的显示比安卓宽。用从网上查了分散对其的样式，也不行。后来想到了flex布局有分散对其的功能。然并卵。后来，将每个汉字都包上了标签，就行了。总结：flex布局操作的是标签而非文字。

 

.leftTitle{        
    width: 1.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;    
    
        }

 

<li class="mui-table-view-cell">
        <span  class="leftTitle"><span>宝</span><span>宝</span><span>姓</span><span>名</span> </span>
        <span id='span_personName' class="span_value">张三</span></li>

 <li class="mui-table-view-cell">
        <span  class="leftTitle"><span>班</span><span>级</span> </span>
        <span id='span_banji' class="span_value">张三</span></li>