在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ css可以控制字體(漢字和英文)等寬嗎?

css可以控制字體(漢字和英文)等寬嗎?

想通過純css做打字動畫效果,目前對純英文和純中文能夠?qū)崿F(xiàn),但當(dāng)中英文混合時因為中文字符占2ch而英文字符占1ch無法統(tǒng)一而無法做出理想效果。所以有什么辦法可以控制中英文等寬嗎(嘗試搜索過能否將英文變成全角,但沒搜出相關(guān)方法)。

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;
    }
回答
編輯回答
誮惜顏

還是換種思路把. 推薦 https://github.com/shshaw/Spl... 這個庫, 可以把一段話分成單個的字符, 然后控制每個字符出現(xiàn)順序來完成動畫吧.

2017年8月12日 17:50