获取一长串文本以实际打破基于％的div

Question

我试图得到它，以便如果在我的新网站的论坛中输入了一长串字符，它就不会破坏基于％的div / table的内容。

This is what I mean

我做错了什么？如何制作它以便严格打破长字，无论如何都适合该区域。我甚至尝试过使用PHP代码，但它并没有像我想要的那样工作：

 <?php echo wordwrap($Body),150,"\n",true); ?>

任何想法，我都把自己的代码链接到自己的一个例子，说明发生了什么，以及我希望它看起来如何。

Answer 1

您可以添加一些CSS：

.innerdiv{
  width: 100%; 
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;

}

添加word-break:和hyphens:属性会强制使用长字而不是扩展它的容器。

jsFiddle demo.