设置字体小于12像素，首行缩进，文字间距，居中对齐，文字中划线，文字不换行，正常显示空格换行，允许单词内换行

走出半生的少年

已于 2022-09-28 15:26:34 修改

阅读量1.8k

点赞数 1

分类专栏： css 文章标签：前端 javascript html

于 2022-06-27 18:45:00 首次发布

本文链接：https://blog.csdn.net/m0_55258023/article/details/125482960

版权

文字小于12px

在设置文字的时候，你的文字只能最小只能是12px，所以我们如何去设置文字的小于12px？

1.设置字体小于12像素很简单，一行代码就可以了

transform: scale(0.5);
将字体缩小50% 也就是6px;如果想设置更小可以修改scale中的数值

2. 但是当我们把文字设置到6px的时候，会导致文字出现位置偏移

transform-origin: 0 0;

将基点位置移动回原本的 X Y轴（0,0）的位置

       font-size: 12px;
       transform: scale(0.5);
       /* 将字体缩小50% 也就是6px;如果想设置更小 可以修改scale中的数值 */
       transform-origin: 0 0;
       /* 将基点位置移动回原本的 X Y轴 （0,0）的位置 */