Javascript “我该怎么做？”；证明“合理”；当一个'th`'；s文本开始推动表格？

当一个

th

的文本开始推动表格，使其变得比原始大小更大时，我如何证明其文本的合理性

我想让桌子“断开一条线”（AKA justify），当它不能再挤压另一个单元格时

原件：

现在发生了什么（问题）：

应该是什么样子：（它不是增加宽度，而是增加高度，并保留整个文本）

我最小的桌子店
桌子{
宽度：200px；
高度：100px；
}
表，th，td{
边框：1px纯黑；
}
Idkajsdhfkjhaksdfhkjaahfkjaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaakaksdfjjjj
身份证件
身份证件
身份证件
----------------200px----------------->

这些家伙应该做到：

table { 
  table-layout: fixed;
}
th, td {
  /* not sure if you want this    
  width: 100px; */
  word-wrap: break-word;
}

我最小的桌子店
桌子{
宽度：200px；
高度：100px；
}
表，th，td{
边框：1px纯黑；
}
表{
表布局：固定；
}
th，td{
/*不确定你是否想要这个
宽度：100px*/
单词包装：打断单词；
}
Idkajsdhfkjhaksdfhkjaahfkjaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaakaksdfjjjj
身份证件
身份证件
身份证件
----------------200px----------------->

您需要更改css以允许分词和对齐文本

table, th, td{
  border: 1px solid black;
  word-break: break-all;
  text-align: justify;
}

---

看看这把小提琴：

只需添加下面提到的CSS：

td, th {
    width: 100px;
    max-width: 100px;
    word-wrap: break-word;
    overflow: hidden; 
}

---

谢谢你帮我，太神奇了，我现在就要试试+1