1. 程式人生 > >chrom中文換行word-break:break-all不生效解決辦法

chrom中文換行word-break:break-all不生效解決辦法

今天有朋友找我說是文字換行出現了問題,新行起始為標點符號的話,總會把第一行最後一個字給帶下去,搞的很不美觀,像這種常見的文字排版問題當然是教他怎麼粗暴解決了, 什麼加寬,減寬,調文字間距,上下錯兩個字灑灑水啦,奈何他們公司UI異常強硬,要求他連文字間距都不能改,第二行是引號開頭,就是引號開頭,沒得商量,遇到這種問題當然是先吐槽一頓了,然後就開始想辦法,各種word-wrap,word-break,white-space的各個屬性試,都不行,最後看到webkit核心壓根就不鳥你這些屬性,對漢字換行完全無效,破了相容念想,那就另尋出路了,突然想到,你不是要帶個文字下去嗎?好啊,那我空格也是個文字呀,而且不佔位置,放在行首再合適不過了,隨後趕緊試,在出bug的地方加了個空格,執行以後發現真的完美,完全看不出來!