1

HTML ページに単純なテーブルがあります。特にない。
形式は次のとおりです。 

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

すべての行にテキストが表示されますが、次の問題があります
。Col6 の行の内容が大きすぎる場合、その行の内容に合わせて行が 2 行に「展開」され、その結果、他の列のテキストが壊れます。 2行で。
たとえばCol2、次のテキストがあった場合、次のSome-text-in-hereようになります。
Some-text
in-here
そして、私はそれを望んでいません。

このように各列が他の列のサイズの影響を受けないように、配列でこの問題を解決するにはどうすればよいでしょうか?

4

1 に答える 1

1

table-layout: fixedfor table を明示的なテーブル幅 (例: ) と組み合わせて使用width: 100%​​すると、テーブル セルの幅をコンテンツの幅から独立させることができます。

white-space: nowrap要素内での行の折り返しを防ぐために使用できます。

于 2013-05-11T18:09:31.917 に答える