css - 跨度标签溢出框的边缘

Question

这是 JS Fiddle 的链接 http://jsfiddle.net/NnQLq/对于 fiddle 的笨拙和半成品性质，我们深表歉意。我的 CSS 变得如此复杂，以至于我无法轻易地找出页面的问题/部分。页面上的每个框都包含一个标题。一些标题溢出盒子的边缘。我想要的是让它们围绕框(像普通文本一样)然后，如果它们向下移动多行以使框包含它们，则在框的边缘出现滚动。就像设置了 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