css可以控制字体(汉字和英文)等宽吗?

想通过纯css做打字动画效果,目前对纯英文和纯中文能够实现,但当中英文混合时因为中文字符占2ch而英文字符占1ch无法统一而无法做出理想效果。所以有什么办法可以控制中英文等宽吗(尝试搜索过能否将英文变成全角,但没搜出相关方法)。

css代码:
/ 打字动画/

    @keyframes typing{           
        from {width:0;}
    }
    /*打字提示符闪烁动画*/
    @keyframes caret{
        50%{
            border-color:transparent;
        }
    }
    /*文本块*/
    blockquote{
        font-family: "新宋体";
        margin:0;
        padding:0;
        width:26ch;
        overflow:hidden;
        white-space:nowrap;
        border-right:0.5em solid;
        animation:typing 5s steps(13),
                  caret 1s steps(1) infinite;
    }
阅读 4.8k
1 个回答

还是换种思路把. 推荐 https://github.com/shshaw/Spl... 这个库, 可以把一段话分成单个的字符, 然后控制每个字符出现顺序来完成动画吧.

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题