今天在做项目的时候，遇到了这个问题：右边红线的字幕单行对齐在两端。我们知道两端的css属性是text-align:justify，但是这个属性有其局限性：1.显示只能是inline或者inline-block2.多行文本可以实现两端对齐。也就是说，在目前的情况下，单行字幕的文本仅仅通过text-align:justify是无法实现两端对齐的。那我们就想办法把这个“单行文字”变成“多行文字”。如何在页面不添加垃圾元素的情况下，让一段内容背后有更多的东西呢？哎，类比之前用来清除浮点数的方法，我们可以很快想到用:after伪类来解决问题。html
