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

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

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

css代碼:
/ 打字動(dòng)畫(huà)/

    @keyframes typing{           
        from {width:0;}
    }
    /*打字提示符閃爍動(dòng)畫(huà)*/
    @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... 這個(gè)庫(kù), 可以把一段話(huà)分成單個(gè)的字符, 然后控制每個(gè)字符出現(xiàn)順序來(lái)完成動(dòng)畫(huà)吧.

2017年8月12日 17:50