1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > html 中英文字体自动 css可以控制字体(汉字和英文)等宽吗?

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

时间:2020-10-07 08:40:06

相关推荐

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

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

css代码:

/打字动画/

@keyframestyping{

from{width:0;}

}/*打字提示符闪烁动画*/

@keyframescaret{

50%{border-color:transparent;

}

}/*文本块*/

blockquote{font-family:"新宋体";margin:0;padding:0;width:26ch;overflow:hidden;white-space:nowrap;border-right:0.5emsolid;animation:typing5ssteps(13),

caret1ssteps(1)infinite;

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。