解決HTML5（富文本內容）連續數字、字母不自動換行

　　最近開發了一個與富文本相關的功能，大概描述一下：通過富文本編輯器添加的內容，通過input展示出來（這里用到了 Vue 的 v-html 指令）。

　　也是巧合，編輯了一個只有數字組成的長文本，等到展示的時候發現，內容超出了（沒有自動換行），另外發現遇到文字就可以換行，如下圖所示：

　　在查資料的過程中發現，不只是數字不會自動換行，還有字母也不會自動換行，造成這種現象的原因是<p>標簽的問題。

 

解決方法：

　　接下來介紹一下上面問題的兩種解決方法：

 　　1.方法一——對input標簽設置

.input_content{
    WORD-WRAP:break-word;
    TABLE-LAYOUT:fixed;
    word-break:break-all;
}

　　2.方法二——對input標簽內的p標簽設置

.input_content >>> p {
    word-wrap: break-word;
}