要求如下。红框内的文字有四字、三字、二字。如果不是两端对齐，可以选择居中对齐或者右对齐。但是如果你想像下面这样对齐两端呢？相信很多人以前都这样做过：在两个字符之间使用将它们分隔成四个字符的宽度。计算应该使用多少空间并不容易。假设我们有如下HTML：
这个世界上，只有梦想和善良的女孩才能不负众望！
为其添加一些样式div{width:500px;边框：1px纯红色；text-align:justify;}最初的效果是这样的text-align:justify这是什么？在CSS2中，text-align有一个属性值justify，表示对齐。实现的效果是让一行文字两端对齐显示（文字内容必须超过一行）。但是单独使用还是没用.....要让两端的文本对齐，我们还得用一个内联的空标签来帮忙，比如,等，这里是what我用标签世界上只有梦想和好姑娘不能辜负！
为这个i标签设置如下样式divi{display:inline-block;/*padding-left:100%;*/width:100%;}padding-left:100%width:100%和width:100%都可以达到效果，选其一即可。效果如下，但是添加HTML元素违反了结构和性能分离的原则。我们可以改用after和before伪元素：div:after{content:"";显示：内联块；width:100%;}感谢@伊韵_小音提醒全文结束。关注公众号第一时间收到最新文章。如果对你有一点帮助，可以点赞、点赞、收藏，也可以小额打赏作者，鼓励作者写出更多更好的文章。