响应表具有不同大小的列和行名称

Question

我正在尝试创建一个如下所示的矩阵：

让我烦恼的是如何使列和行名称与中间的网格一致。到目前为止，我有这段代码：jsfiddle example

 t t t t
 e e e e
 x x x x
 t t t t
 0 0 0 0 text
 0 0 0 0 text
 0 0 0 0 text
 0 0 0 0 text

我尝试制作文本，矩阵的一部分，但不同大小的元素破坏了较小屏幕的响应能力。目前，当垂直文本不是矩阵的一部分时，它看起来几乎没有，但水平文本不是。

我正在寻找有关如何继续的建议。

Answer 1

与

有什么关系

 Text
   Text
     Text
       Text
 0 0 0 0 text
 0 0 0 0 text
 0 0 0 0 text
 0 0 0 0 text

如果不能并排放置，请将它们放在一起。

你必须看，它是否符合你的要求。 （我建议使用较小的字体大小和较小的行标题）