文字兩端對齊

在固定寬度的div中實現文字兩端對齊有瀏覽器兼容問題：以下測試在谷歌67  火狐59  IE11

一、谷歌瀏覽器  

　　text-align-last: justify; 即可

二、火狐瀏覽器

    1. 文字之間必須有空格

<div class="con">
    <div class="text">貨號</div><!--沒有空格-->
    <div class="text">貨 號 尺 碼</div><!--有空格-->
</div>

　2. 添加  text-align-last: justify;

三、IE瀏覽器

 1. 文字之間必須有空格

<div class="con">
    <div class="text">貨號</div><!--沒有空格-->
    <div class="text">貨 號 尺 碼</div><!--有空格-->
</div>

　2. 添加  text-align-last: justify;  text-align: justify; 

 

總結：綜上所述應做兼容處理

　　1. 文字之間必須有空格

　　2. 添加  

　　　　text-align-last: justify;

　　　   text-align: justify;