2012-04-24 39 views
-1

enter image description hereHTML註釋框切割文本,而不打算到新管線

當我插入比設定寬度(600像素)的文本將剛剛切斷(見上文圖像鏈接),而不是去到一個新的生產線更評論。我正在使用html評論框。 爲評論框的風格是:

#HCB_comment_box div.comment { 
    border-top:1px solid #fff; 
    width: 600px; 

    } 

回答

2

使用自動換行屬性

#HCB_comment_box div.comment { 
    word-wrap: break-word; 
} 

Demo

+0

不起作用.... – lukey 2012-04-24 11:09:39

+0

@lukey,更新:),演示以及。 – Starx 2012-04-24 11:10:13

+0

感謝工作你知道如何擺脫評論左邊的藍線嗎? – lukey 2012-04-24 11:15:32

0
#HCB_comment_box div.comment { 
word-wrap: break-word; 

} 
0

這是一種正常的行爲。你插入了一個很好的日誌單詞,它是一個單詞...你會期待什麼? )如果插入一對夫婦的空間有它會幫助)

+0

如果有空格則不會有所不同 – lukey 2012-04-24 11:12:00

+0

我想說,那麼你需要給我們一個jsfiddle或在線的例子......可能那裏是'white-space:nowrap'屬性在那裏有'overflow:hidden'切斷你的評論... – skip405 2012-04-24 11:15:03

0

嘿,你可以在你的CSS屬性

定義使用使用自動換行自動換行

#HCB_comment_box div.comment { 
    border-top:1px solid #fff; 
    width: 600px; 
word-wrap: break-word; 
    } 
+0

再次,另一個相同的答案 – Starx 2012-04-24 11:17:21