Child Div打破其父母的Div

Question

我花了好几个小时试图阻止我的一个孩子的div打破其父母的div。

链接：http://bowenhost.com/wordpress/

屏幕截图：

这是伤心小部件/ div继续破碎。

随意检查Web浏览器上的元素/ firebug以找到解决方案。

先谢谢你们。我真的很感激！

Answer 1

内容没有空格。所以它被视为单个单词。在单词之间给出一些空格并检查

如果你想打破没有空格的单词你可以使用css3的自动换行

.textwidget {
    word-wrap: break-word;
    }

Answer 2

你只为你的HTML制作了两个新课程，但它完全可以在下面看到我如何达到你想要的结果....还有一件事，只需添加空格在您的内容之间......所以您必须在内容之间提供空间 ....

为 HTML

制作这两个课程

<强> CSS

.widget-inner {
    overflow: hidden;

}

.textwidget {
    white-space: pre-wrap;

}

请参阅附带的演示图像，您将了解我的工作原理

Answer 3

如果有空格，它将突破到新的一行。但是如果没有空间，你可以考虑使用这些CSS属性。

• Word Wrap - word-wrap: break-word;，https://developer.mozilla.org/en-US/docs/Web/CSS/word-wrap
• Word Break - word-break: break-all;，https://developer.mozilla.org/en-US/docs/Web/CSS/word-break

确保检查这些页面的兼容性。