格式化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与表格结合使用以及一些显式表格宽度（例如width: 100%），以使表格单元格的宽度与内容宽度无关。

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