CSS实现固定宽度内文字左右等距排列

最新推荐文章于 2024-08-01 10:15:29 发布

我是一个粉刷匠呀

最新推荐文章于 2024-08-01 10:15:29 发布

阅读量1.3k

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.youkuaiyun.com/weixin_42215167/article/details/119817608

版权

css 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用CSS实现文字在固定宽度容器内左右等距排列，达到视觉上的两端对齐效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

达到如图效果

.left {
          color: rgba(153, 153, 153, 100);
          font-size: 14px;
          width: 56px;//笃定宽度
          text-align: justify;
          &::after {
            content: '';
            display: inline-block;
            width: 100%;
          }
        }