html - Word Wrap a Div，全部在一行上

Question

我在 div 中有一个字符串:测试:AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

使用 Stack Overflow 上的 word_wrap CSS 类，

/* Source: http://snipplr.com/view/10979/css-cross-browser-word-wrap */
.wordwrap { 
white-space: pre-wrap;      /* CSS3 */   
white-space: -moz-pre-wrap; /* Firefox */    
white-space: -pre-wrap;     /* Opera <7 */   
white-space: -o-pre-wrap;   /* Opera 7 */    
word-wrap: break-word;      /* IE */
}

看起来像这样:

Test:
AAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAA

我怎样才能把它包装起来，这样 Test: 和 A 在同一行上？

Answer 1

使用   而不是常规空格:

Test: AAAAAAAAAAAAAAAAAAAA