Javascript 垂直显示表格标题内容

我有这个

header1 header2

 data1  data2

但我想把它显示为

h       h
e       e 
a       a 
d       d
e       e 
r       r
1       2

data1   data2

我还希望标题和表行周围有边框

编辑：

根据Vinc199789下面的回答，我得出了这个结论

吉尔
史密斯
50
前夕
杰克逊
94

您可以使用css

单词break:break all

我所做的是在

td

中添加一个

div

，并将

宽度设置为
1px
（这是为了确保不能有两个字母相邻放置）。我还添加了
wordbreak:break all
，您可以在代码片段或is中看到结果

编辑
使用
margin left:auto
和
margin right:auto
I将垂直标题居中，使用
text align:center
I将其他表格内容居中

如果将
vertical align:top
添加到
td
中，则标题也会放置在顶部



td>div{
宽度：1px；
单词break：打破一切；
右边距：自动；
左边距：自动；
}
运输署{
文本对齐：居中；
垂直对齐：顶部；
}

吉尔
史密斯
50
前夕
杰克逊
94
您可以使用css
单词break:break all


我所做的是在
td
中添加一个
div
，并将
宽度设置为
1px
（这是为了确保不能有两个字母相邻放置）。我还添加了
wordbreak:break all
，您可以在代码片段或is中看到结果

编辑
使用
margin left:auto
和
margin right:auto
I将垂直标题居中，使用
text align:center
I将其他表格内容居中

如果将
vertical align:top
添加到
td
中，则标题也会放置在顶部



td>div{
宽度：1px；
单词break：打破一切；
右边距：自动；
左边距：自动；
}
运输署{
文本对齐：居中；
垂直对齐：顶部；
}

吉尔
史密斯
50
前夕
杰克逊
94
您可以使用css
单词break:break all


我所做的是在
td
中添加一个
div
，并将
宽度设置为
1px
（这是为了确保不能有两个字母相邻放置）。我还添加了
wordbreak:break all
，您可以在代码片段或is中看到结果

编辑
使用
margin left:auto
和
margin right:auto
I将垂直标题居中，使用
text align:center
I将其他表格内容居中

如果将
vertical align:top
添加到
td
中，则标题也会放置在顶部



td>div{
宽度：1px；
单词break：打破一切；
右边距：自动；
左边距：自动；
}
运输署{
文本对齐：居中；
垂直对齐：顶部；
}

吉尔
史密斯
50
前夕
杰克逊
94
您可以使用css
单词break:break all


我所做的是在
td
中添加一个
div
，并将
宽度设置为
1px
（这是为了确保不能有两个字母相邻放置）。我还添加了
wordbreak:break all
，您可以在代码片段或is中看到结果

编辑
使用
margin left:auto
和
margin right:auto
I将垂直标题居中，使用
text align:center
I将其他表格内容居中

如果将
vertical align:top
添加到
td
中，则标题也会放置在顶部



td>div{
宽度：1px；
单词break：打破一切；
右边距：自动；
左边距：自动；
}
运输署{
文本对齐：居中；
垂直对齐：顶部；
}

吉尔
史密斯
50
前夕
杰克逊
94
dub简单问题，请检查此@Leogout Yes，最好仅使用html。谢谢。简单的问题，请检查此@Leogout Yes，最好只使用html。谢谢。简单的问题，请检查此@Leogout Yes，最好只使用html。谢谢。简单的问题，请检查此@Leogout Yes，最好只使用html。谢谢。请根据这个答案查看上面对我答案的编辑。谢谢。我用你的问题的答案编辑了我的答案。谢谢，让我看一下。请根据这个答案查看上面对我答案的编辑。谢谢。我用你的问题的答案编辑了我的答案。谢谢，让我看一下。请根据这个答案查看上面对我答案的编辑。谢谢。我用你的问题的答案编辑了我的答案。谢谢，让我看一下。请根据这个答案查看上面对我答案的编辑。谢谢。我用你问题的答案编辑了我的答案。谢谢，让我看看。