解決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;
}