html - 格式化 HTML 表格的标准做法

Question

我在 HTML 页面中有一个简单的表格。没什么特别的。
格式如下：

+++++++++++++++++++++++++++++++++++++++++    
+Col1 + Col2 + Col3 + Col4 + Col5 + Col6+  
+++++++++++++++++++++++++++++++++++++++++   
+     +      +      +      +      +     +  
+     +      +      +      +      +     +  
+     +      +      +      +      +     +  
+     +      +      +      +      +     +  
+     +      +      +      +      +     +  
+     +      +      +      +      +     +  
+++++++++++++++++++++++++++++++++++++++++  

所有行都显示文本，但我有以下问题：
如果 Col6 行中的内容太大，则该行“扩展”为 2 行以适应该行的内容，结果是其他列中的文本换行符在 2 行中。
例如，如果Col2有文字：Some-text-in-here它变成：
Some-text
in-here
我不想要那个。

我们如何用数组解决这个问题，这样每一列就不会受到其他列大小的影响？

Answer 1

您可以将table-layout: fixedfor table 与一些明确的表格宽度（例如width: 100%）结合使用，以使表格单元格的宽度独立于内容宽度。

您可以使用它white-space: nowrap来防止元素中的换行。