4

次のようなテーブルがあります。

+----------------------+-------------------+
| This text is on the  | This text is on   |
| first column         | the second column |
+----------------------+-------------------+

そして、私はそれを次のようにしたい:

+----------------------------------+-----------------------------------+
| This text is on the first column | This text is on the second column |
+----------------------------------+-----------------------------------+

私のテーブルは画面よりも長く、多くの行がありますが、これは私が望む機能です。テキストを切り捨てずにこれを実現できる CSS プロパティはありますか? そうでない場合、誰かがこれを行う方法に関するJavaScriptの例を教えてもらえますか?

4

3 に答える 3

3

white-spaceプロパティを試してください：

td { white-space: nowrap; }
于 2012-10-05T07:30:31.723 に答える
1

white-space: nowrappreタグを使用できるよりも幅広いブラウザサポートが必要な場合。cssソリューションの方が優れているので、pre本当に必要な場合にのみ使用してください。

<tr>
  <td><pre>This is my non wrapping text</pre></td>
  <td><pre>Some more non wrapping text</pre></td>
</tr>

明らかに、これはテーブルセル内の単純なhtmlでのみ機能します。さらに、pre通常、CSSで次のように回避できる独自のデフォルトのスタイルが付属しています。

td pre {
  font-family: inherit;
  font-size: inherit;
  /* ... and so on */
}

使用inheritは少しサポートが少ない可能性があるため、可能であれば、実際に必要なスタイルを直接定義するのが最善です。

于 2012-10-05T07:38:36.173 に答える
0

試す：

<table>
  <tr>
    <td nowrap>Look ma</td>
  </tr>
</table>
于 2012-10-05T10:46:51.457 に答える