Javascript 如何保持页眉'；这是从另一个传过来的文本吗？

我一直在搭建一张像三明治一样的桌子，尽管它光秃秃的，很难制作和“工作”，但它有一个我无法解决的问题，

wordwrap:break word在其中不起作用，因此我的表不断地传递另一个表，并且不会像普通表那样使用
wordwrap:break-word来破坏它就可以了。我能做什么

应该是什么样子：


当前情况：

提前谢谢

附言：
换行：打断单词
位于底部，每个
th
内部都有一个
div
。
html{
宽度：100%；
身高：100%；
溢出：隐藏；
}
@字体{
字体系列：“agroverdanab”；
src:url（'./font/agroverdanab.eot'）；
src:local（'agroverdanab'）、url（'./font/agroverdanab.ttf'）格式（'truetype'）；
字体系列：“agroverdana”；
src:url（'./font/agroverdana.eot'）；
src:local（'agroverdana'）、url（'./font/agroverdana.ttf'）格式（'truetype'）；
}
身体{
浮动：中心；
边框：1px实心#9BC2E6；
框大小：边框框；
宽度：99.6%；
身高：99.3%；
字体系列：“agroverdana”；
字体大小：56%；
保证金：3倍；
/*伊尼西奥卷轴*/
滚动条箭头颜色：#000000；
滚动条-3dlight-color:#0000ff；
滚动条高亮显示颜色：#DDEBF7；
滚动条面颜色：#9fc7e8；
滚动条阴影颜色：#DDEBF7；
滚动条黑色阴影颜色：#FFFF00；
滚动条轨迹颜色：#DDEBF7；
}
：-webkit滚动条{
宽度：15px；
高度：7px；
}
：-webkit滚动条按钮{
背景色：#DDEBF7；
宽度：15px；
高度：17px；
}
：-webkit滚动条轨迹条{
背景色：#DDEBF7；
-webkit边界半径：0px；
}
：-webkit滚动条拇指：垂直{
高度：5px；
背景色：#9fc7e8；
-webkit边界半径：0px；
}
：-webkit滚动条拇指：水平{
宽度：3倍；
背景色：#9fc7e8；
-webkit边界半径：0px；
}
：-webkit滚动条按钮：垂直：增量{
背景图片：url(https://lh4.googleusercontent.com/-KQfCHJwQRHQ/UtceeoSe3SI/AAAAAAAACLg/KngWcfzAPSs/s1600/setabaixo.png);
}
：-webkit滚动条按钮：垂直：递减{
背景图片：url(https://lh4.googleusercontent.com/-dgdE4h4PFxM/Utceh2Sh30I/AAAAAAAACLo/_CUrC-yGxrQ/s1600/setacima.png);
}
：-webkit滚动条拇指：悬停{
背景色：#87c2f2；
}
：-webkit滚动条拇指：活动{
背景色：#77bbf2；
}
/*菲莫·萨昂卷轴*/
.滚动表{
框大小：边框框；
显示：内联块；
垂直对齐：中间对齐；
溢出：隐藏；
宽度：自动；
最小宽度：100%；
身高：98%；
最小高度：95%；
字体系列：“agroverdana”；
字体大小：16px；
线高：20px；
填充：0 100px 0；
文本对齐：左对齐；
}
.滚动表格*{
框大小：边框框；
}
.scrollingtable>div{
位置：相对位置；
边框顶部：1px纯白；
身高：100%；
填充顶部：20px；
}
.scrollingtable>div:之前{
排名：0；
背景#9BC2E6；
}
.scrollingtable>div:之前，
.scrollingtable>div>div:after{
内容：“；
位置：绝对位置；
z指数：-1；
宽度：100%；
身高：100%；
左：0；
}
.scrollingtable>div>div{
最小高度：0；
最大高度：100%；
溢出：滚动；
溢出x：隐藏；
边框：1px纯白；
}
.scrollingtable>div>div:after{
背景：白色；
}
/*匹配页面背景色*/
.scrollingtable>div>div>table{
宽度：100.085%；
边界间距：0；
利润上限：-20px；
右边距：1px；
}
.scrollingtable>div>div>table>caption{
字体大小：15px；
位置：绝对位置；
顶部：-20px；
页边顶部：-1px；
宽度：100%；
字体大小：粗体；
文本对齐：居中；
}
.scrollingtable>div>div>table>*>tr>*{
填充：0；
}
.scrollingtable>div>div>table>thead{
垂直对齐：底部对齐；
空白：nowrap；
文本对齐：居中；
颜色：#2F5496
}
.scrollingtable>div>div>table>thead>tr>*>div{
显示：内联块；
填充：0 6px 0 6px；
}
.scrollingtable>div>div>table>thead>tr>：第一个子项：之前{
内容：“；
位置：绝对位置；
排名：0；
左：0；
高度：20px；
左边框：1px实心#9BC2E6；
}
.scrollingtable>div>div>table>thead>tr>*>div[label]：在，
.scrollingtable>div>div>table>thead>tr>*>div>div:first child，
.scrollingtable>div>div>table>thead>tr>*+：之前{
位置：绝对位置；
排名：0；
空白：nowrap；
颜色：黑色；
}
/*阿奎科多克托酒店*/
.scrollingtable>div>div>table>thead>tr>*>div[label]：在，
.scrollingtable>div>div>table>thead>tr>*>div[label]：之后{
内容：attr（标签）；
}
.scrollingtable>div>div>table>thead>tr>*+：之前{
内容：“；
显示：块；
最小高度：20px；
垫面：1px；
左边框：2倍纯白；
}
.scrollingtable.ScrollingBarHead{
浮动：对；
}
.scrollingtable.scrollbarhead:之前{
位置：绝对位置；
宽度：110px；
顶部：1px；
背景#9BC2E6；
}
.scrollingtable>div>div>table>tbody>tr:after{
内容：“；
显示：表格单元格；
位置：相对位置；
填充：0；
边框顶部：1px纯白；
顶部：-1px；
}
.scrollingtable>div>div>table>tbody{
垂直对齐：顶部；
}
.scrollingtable>div>div>table>tbody>tr{
背景：白色；
}
.scrollingtable>div>div>table>tbody>tr>*{
边框底部：1px纯白；
填充：0 6px 0 6px；
高度：20px；
}
.scrollingtable>div>div>table>tbody:last of type>tr:last child>*{
边框底部：无；
}
.scrollingtable>div>div>table>tbody>tr:n子项（偶数）{
背景:#DDEBF7；
}
.scrollingtable>div>div>table>tbody>tr>**{
左边框：2倍纯白；
}
.scrollingtable>div:之前{
排名：0；
背景：
/*#b4d3ed*/
#9fc7e8
/*#9BC2E6*/
;
}
.页脚按钮{
宽度：70px；
高度：25px；
颜色：#2F5496；
字体系列：“agroverdana”；
.scrollingtable > div > div > table > * > tr > * {
    padding: 0;
    vertical-align: top;  /* added */
}

<div>label1 label2 label3....</div>

.scrollingtable > div > div > table > thead {
  vertical-align: bottom;
  white-space: nowrap;
  text-align: center;
  color: #2F5496;
}