CSS:nospace时超出宽度?

时间:2010-11-15 22:27:22

标签: css

#profileWall{
margin: auto;
width: 1200px;
}

然后在里面,如果我有这个没有任何空间:

sdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasadsadsadsadsadssdfasads

超过宽度并继续。但是,如果它中的空间被切割,当它到达宽度时会切割到新线。

我该如何解决这个问题?

3 个答案:

答案 0 :(得分:2)

overflow:hidden

或CSS3

word-wrap: break-word

CSS3感谢@mistabell

答案 1 :(得分:0)

有几种解决方案。

  1. 使用overflow。由于没有空格,浏览器将无法添加新行。因此,您可以通过设置overflow:scroll或overflow:hidden来控制div。这将添加滚动条或隐藏长数据。

  2. 使用背面的代码在一些字符后注入空格。很多网站都会为[更多]添加链接。

  3. 重新设计您的网站,以容纳长不间断的文字。

  4. 不要让这样的输入开头。如果这是某人正在键入的文本,并且它应该是正常的单词,只需测试单词长度,看看你是否有超过30个字符的任何单词。您可以在那里自动注入连字符以允许自动换行或者不允许乱码。根据需要进行调整。

  5. 转到推特路线,不要超过140个字符。相应地设计网站。

答案 2 :(得分:0)

这里你去:http://jsfiddle.net/VEu6w/

white-space: nowrap;