2012-04-24 50 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