css中文字右侧对其

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

p { text-align: justify; text-align-last: end; font-size: 18px; line-height: 1.5; } pre { background

p { text-align: justify; text-align-last: end; font-size: 18px; line-height: 1.5; } pre { background-color: #f8f8f8; padding: 10px; border: 1px solid #ddd; max-width: 600px; overflow-x: auto; }

在CSS中,我们可以使用text-align属性来设置文字的对齐方式,其中包括leftcenterrightjustify四个值。但是,如果我们想要将中英文混排的文字右侧对齐,就需要使用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.

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中文字右侧对其

粉丝

0

关注

0

收藏

0

已有0次打赏