禁用截斷列表視圖頭jquery移動長文本（單個字）

Question

我有一個jQuery的移動列表視圖。目前列表視圖的標題截斷，文本以「...」結尾。我想禁用此行爲並顯示完整的文本。我遇到了一些解決方案，但沒有一個能用於一個單詞。即沒有空白的文本，例如電子郵件地址不起作用。

Answer 1

DEMO

你正在尋找的CSS是word-wrap:break-word;

ul li h2 { 
    white-space: normal !important; 
    word-wrap:break-word; 
    overflow-wrap: break-word; 
} 

更多瀏覽器的支持，你可以嘗試：

ul li h2{ 
    white-space: pre !important;   /* CSS 2.0 */ 
    white-space: pre-wrap !important;  /* CSS 2.1 */ 
    white-space: pre-line !important;  /* CSS 3.0 */ 
    white-space: -pre-wrap !important;  /* Opera 4-6 */ 
    white-space: -o-pre-wrap !important; /* Opera 7 */ 
    white-space: -moz-pre-wrap !important; /* Mozilla */ 
    white-space: -hp-pre-wrap !important; /* HP Printers */ 
    word-wrap: break-word;  /* IE 5+ */ 
}