span元素嵌套在div中无法换行

Question

我有一个div块，背景设置正确。在这个div块内部有一个span标签，但是这个span标签不会自动换行，而是超出了div块的范围。

<div id='code'><span class='kw'>string</span>&nbsp;str&nbsp;=&nbsp;<span class='str'>"SetResult(&#39;LINK1,LINK2&#39;,&nbsp;TagMatch(Return(TagMatch(Download(&#39;http://www.google.com\&#39;),&nbsp;&#39;&amp;lt;a&#39;,&nbsp;&#39;&#39;),&nbsp;&#39;5,6&#39;),&nbsp;&#39;onclick=gbar.logger.il(1,{t:5}); class="</span>gbzt<span class='str'>"&nbsp;id=gb_5&nbsp;href=\"&#39;,&nbsp;&#39;\"&#39;));Download(GetResult(&#39;LINK1&#39;))"</span>;<br/><span class='Var'>Scrapper</span>&nbsp;scr&nbsp;=&nbsp;<span class='kw'>new</span>&nbsp;<span class='Var'>Scrapper</span>();<br/><span class='kw'>string</span>[]&nbsp;results&nbsp;=&nbsp;scr.Multiple(str);</div>

您可以在这里查看问题页面：http://innosia.com/Home/Article/WEBSCRAPER。有没有人能帮忙？

- John Kenedy

Answer 1

将空白属性设置为normal。

white-space:normal; 

- karthik

---

在我的情况下，我使用了这样的代码<span style="white-space:normal">Hello</span>，并且它起作用了。 - Ziggler

Answer 2

在CSS中使用word-wrap:break-word;，但如果您不喜欢它，请使用#code{overflow:auto;}。

在您的页面上，您有多个ID为code的元素，这不是很好。尝试使用唯一的ID。

- Riz

---

我不得不同时参考@bangde的答案和这个答案才能工作。为了参考，我必须设置word-wrap和white-space: normal;才能使其工作。 - tfrascaroli

Answer 3

将样式word-wrap:break-word添加到您的span中。这样应该可以解决您的问题。

- w00

Answer 4

这可以通过使用CSS属性white-space和overflow来实现。

- Koen.