效果圖如下：
文本兩端對齊樣式：
display:inline-block;text-align:justify;text-align-last: justify;
justify文本兩端對齊，具體解釋就看css手冊哈，不多講。
設置這些後，Google瀏覽器看是沒有問題了，其他瀏覽器測試一下就會發現兩端對齊沒有生效。
沒有生效的原因目前歸納爲2種：
1.字體之間需要增加空格，可兼容各大瀏覽器，如下：
2.text-align:justify;text-align-last: justify;有個特性，就是最後一行不生效。那麼只有一行時，第一行又是最後一行的時候，不生效。
解決如下：
因爲第一條也是最後一條，不生效，就需要增加一條隱形內容，即爲:after內容，但是增加空內容後，會撐開，所以b樣式增加overflow: hidden;vertical-align:middle;隱藏超出內容後，並垂直居中顯示文字
p b{ color: #dac296; font-weight: normal; height:2rem; line-height: 2rem; font-size: 1rem; display:inline-block;width:5rem;text-align:justify;text-align-last: justify;overflow: hidden;vertical-align:middle;}
/*因爲第一條也是最後一條，不生效，就需要增加一條隱形內容，即爲:after內容，但是增加空內容後，會撐開，所以b樣式增加overflow: hidden;vertical-align:middle;隱藏超出內容後，並垂直居中顯示文字*/
p b:after {width: 100%;height: 0px;margin: 0px;line-height:0px;font-size:0px;overflow: hidden; display:inline-block;content: '';}