格式化 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: fixed for table 与一些明确的表格宽度（例如width: 100%）结合使用，以使表格单元格的宽度独立于内容宽度。

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