跨度标签溢出框的边缘

Question

以下是JS Fiddle http://jsfiddle.net/NnQLq/的链接。抱歉小提琴的尴尬和半完成性质。我的css变得如此复杂，以至于我无法轻易地将问题/部分页面隔离开来。页面上的每个框都包含一个小的。一些标题溢出了盒子的边缘。我想要的是让他们环绕盒子（就像普通文本一样），然后，如果他们向下移动许多行以包含它们，则滚动到盒子边缘的apear。就像设置overflow:scroll时一样。我知道最后一部分是一个有点尴尬的解决方案，但盒子必须保持相同的大小。

对于某些信息，box_list_docs_blue标记是包含该框的标记。它有时会与css中的box_list_docs_gold标记相比较。使用搜索页面功能查找与此课程相关的所有内容。

Answer 1

您需要将word-wrap: break-word;应用于#name_area。

#name_area {
    word-wrap: break-word;
}

jsfiddle