css如何让两个字的中间空开和四个字的两端对齐？

Question

 text-align: justify;

  text-align-last: justify;

    /*兼容ie*/

  text-justify: distribute-all-lines;

Answer 1

试试我这个方法吧：给两个字的加一个class，并添加以下属性：

 text-align: justify;

  text-align-last: justify;

    /*兼容ie*/

  text-justify: distribute-all-lines;

Answer 2

直接使用 css 文字属性

text-align:justify;

确保当前元素是行内块状元素

display: inline-block; // 行内块状元素
text-align: justify;
text-align-last: justify;

Answer 3

mdn上的text-align文档中的text-align:justify;demo是有效果的,你看看是不是兼容性问题,或者需要一些特定的布局方式
具体见: https://segmentfault.com/a/1190000004683290

Answer 4

主要是兼容性问题，Chrome 支持 text-align-last: justify，Fixfox 支持 text-justify: distribute。

所以如果外部容器没问题的话，使用二楼的兼容方案就行了。CodePen 在线Demo