p { text-align: justify; text-align-last: end; font-size: 18px; line-height: 1.5; } pre { background
在CSS中,我们可以使用text-align
属性来设置文字的对齐方式,其中包括left
、center
、right
和justify
四个值。但是,如果我们想要将中英文混排的文字右侧对齐,就需要使用text-align-last
属性。
下面是示例代码:
p { text-align: justify; text-align-last: end; }
需要注意的是,text-align-last
属性目前只有在Firefox浏览器和支持IE10+的Internet Explorer浏览器中支持,其他浏览器暂不支持此属性。
如果我们将上述示例代码应用到一段文字中,就可以看到效果如下:
Today is Thursday, but I hope it's Friday. 生活可以更好,我们已经太累了。
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a turpis in justo faucibus auctor. Maecenas eleifend convallis urna, eget luctus metus mattis eu. Fusce eu arcu eleifend, lobortis metus quis, imperdiet felis. Phasellus ipsum metus, sodales vel neque ut, ultrices dapibus justo. Integer semper ullamcorper mi, eget condimentum urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Aliquam erat volutpat. Praesent posuere nunc ut orci tristique dapibus. Sed iaculis eros vel commodo mattis. Vestibulum a malesuada magna. Sed auctor pretium ipsum ut eleifend. Quisque id elit convallis ipsum bibendum euismod eget nec ligula. Vestibulum facilisis tortor eu purus cursus sagittis vel non augue. Maecenas luctus id leo vitae tristique. Donec euismod commodo urna in tincidunt. Duis et metus sit amet mauris mattis pulvinar non quis velit.
粉丝
0
关注
0
收藏
0