2011-04-13 118 views
1

嗨,我在我的网页做评论框,以便我通过不允许用户输入空评论和评论sholud不超过255个字符它的所有工作正常但是当我进入这样的评论意味着CSS溢出自动

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaakjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj 

此字符串满溢出来的评论框格,即它会像我用CSS属性溢出直线 的:汽车;但我需要的是它应该显示像这样。它应该拆分字符串

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaakjjjjjjjjj 
jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj 
jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj 

为前:当我这样The p element has both line boxes and a child box for the q element, which is a block-level element. The line boxes before the q are wrapped in an anonymous block-level box and so are the line boxes after the q. The resulting tree of boxes might be as fol

评论它的到来了正确的...它应该喜欢这个

+1

您可以发布您的评论框的HTML? – shanethehat 2011-04-13 09:33:35

+0

[CSS的可能重复:我如何强制一个长字符串(没有任何空白)被包装在XUL和/或HTML](http://stackoverflow.com/questions/499137/css-how-cani-i-强制长字符串 - 没有任何空白将被包裹在xul和-o) – 2011-04-13 09:37:35

回答

9

你需要的是CSS word-wrap: break-word;。它受到浏览器的广泛支持。

word-wrap on CSS3.info

word-wrap: break-word

+0

不会因为旧的浏览器导致一些问题,作为CSS3功能吗? – 2011-04-13 09:38:27

+0

它在CSS3中被标准化,尽管它已经存在了很长时间。 http://caniuse.com/#search=word-wrap – kapa 2011-04-13 09:41:00

+0

谢谢你。忽略我的回答,这可能是你最好的选择。 :) – 2011-04-13 09:42:43

2

您可以使用CSS3属性来解决你的问题:

.text_wrap { 
    word-wrap: break-word; 
} 
+0

这与我以前的答案有何不同? :) – kapa 2011-04-13 09:39:01

+0

我刚刚开始键入我的答案,然后再回答你的答案发布后,我的答案公布出来:) – 2011-04-13 09:43:58

+1

对我来说也会发生很多:)。 – kapa 2011-04-13 09:46:44