字体两边居中

前几天用到的知识，这里mark一下。
css中有一个属性：text-align-last。
可取的值有text-align-last: auto|left|right|center|justify|start|end|initial|inherit;
这里我用到了justify，可以让元素内的文本最后一行两端对齐。
效果如下图：

---

昨天又遇到坑啦，text-align-last属性在苹果的safari浏览器中无效，仔细查看了一下text-align-last属性兼容性说明，发现就只有苹果的safari不支持(内心无语…)。没办法，就只有解决呀，在网上找了很多解决方案，无非就是利用text-align与设置display:inline-block,给元素添加伪元素来实现。但是！经过N次尝试后，还是无法实现，原因是mui中不支持此种方法。无奈之下，又寻得一种方法，通过letter-spacing属性来给字体加em间距来实现两端居中，大致就是计算每行字应该插入多少个间距。(注：这里的1em为一个字体大小)。
具体解决方案参考这篇文章。