两端对齐文本样式可以使用 CSS 中的 text-align-last 属性来实现。text-align-last 属性用于指定当最后一行文本不足一行时,文本的对齐方式。将 text-align-last 属性的值设置为 justify 可以实现两端对齐的效果。
示例代码如下:
.text {
text-align: justify;
text-align-last: justify;
}
在上面的示例代码中,我们使用了 text-align 属性将文本对齐方式设置为 justify,然后使用 text-align-last 属性将最后一行文本的对齐方式也设置为 justify,从而实现了两端对齐的效果。
需要注意的是,text-align-last 属性目前只有部分浏览器支持,如 Chrome、Firefox、Safari 等,而 IE 和 Edge 浏览器则不支持该属性。此外,使用 text-align: justify 时,需要注意文本不应该包含单个字符,否则会出现间隔不均的情况。