文字两端对齐文字平均分布在盒子中 css样式

原创已于 2022-06-02 17:24:10 修改 · 2.4k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#css #css3 #html

于 2022-06-02 11:29:42 首次发布

css - 文本样式专栏收录该内容

5 篇文章

订阅专栏

这篇博客分享了一个CSS冷门属性text-align-last:justify，它能让文字在指定宽度的盒子中平均分布，达到平铺效果。通过设置line-height、width、height、font-size等属性并配合此属性，可以实现文字完美填充。代码示例展示了该技巧的应用和效果对比，对于前端布局优化极具价值。

一个盒子定宽文字撑满排列 css

上代码！！！最重要的就是一个比较冷门css属性但是掌握了就可以给我们省去很多时间

&-title {
    line-height: 48px;
    width: 102px;
    height: 48px;
    font-weight: 400;
    font-size: 28px;
    flex-shrink: 0;
    word-break: keep-all;
    margin-right: 24px;
    text-align-last: justify;
  }