使用word-wrap:break-word使文本自動換行

文本框連續輸入
數字"111111111111111111"或者
英文單詞"adkjsakfjsalfkjsalkdjaslkfjsalkf"
會造成什么結果呢?---文字溢出,一般的處理方法是用overflow:hidden隱藏文字,有沒有更好的解決文案呢?QA的童鞋要求自動換行.

用word-wrap:break-word即可

css手冊上的解釋
word-wrap
基本特性
兼容性： IE5.5+專有屬性
基本語法
word-wrap : normal | break-word
語法取值
normal: 默認值。允許內容頂開指定的容器邊界
break-word:內容將在邊界內換行。如果需要，詞內換行( word-break )也將發生
使用說明
設置或檢索當當前行超過指定容器的邊界時是否斷開轉行。此屬性僅作用于有布局的對象，如塊對象。內聯要素要使用該屬性，必須先設定對象的 height 或 width 屬性，或者設定 position 屬性為 absolute ，或者設定 display 屬性為 block 。此屬性對于 currentStyle 對象而言是只讀的。對于其他對象而言是可讀寫的。對應的腳本特性為 wordWrap 。

w3c的解釋

http://www.w3.org/TR/css3-text/#word-wrap