css / html：white space break修复，现在cant代码没问题？

Question

是的，所以我遇到的问题是，如果你输入一个没有空格的长句子，例如eeeeeeeeeeeeeeeeeeeeeeee，它会破坏自己，但现在我需要开始输入一些丑陋的非破坏性编码。

实施例： http://jsfiddle.net/r3CFJ/

我需要用一句话来处理所有事情，以免使自己破裂。点击这里查看一句话中没有所有内容的结果： http://jsfiddle.net/r3CFJ/1/

如何解决这个问题呢？因为我的进一步编码会变得非常难看并且不可读？

Answer 1

由于CSS，你得到这个间距，我不知道你为什么要添加pre类型的格式，然后想知道为什么它显示'确切'你做了什么（多行等）。

如果删除CSS，它在1行看起来很好。

看：http://jsfiddle.net/r3CFJ/10/

Answer 2

这是问题，CSS强制new lines to break for all values except "normal" and "nobreak"中的空白属性。此属性没有任何值可以让您在代码中的新行没有中断时包装行。不喜欢吗？让W3C添加另一个值并让主流浏览器采用该规则。

您不希望整个div受属于此类值的属性，因为您不希望新行在div中断开。您确实希望div中的元素受这样的属性约束。将所有文本包装在anchor元素标记中，并将CSS应用于需要包装的元素。

您的示例的

Here's a modification按预期工作。 （假设由于代码中的换行而没有强制断开但是包裹了长行）

Answer 3

如果您希望图片和文字内嵌设为a或fancybox_vid为position:absolute;

示例http://jsfiddle.net/huhu/r3CFJ/30/