CSS - 实例：表头单元格中不换行 - 在线编辑器

          <html>
<body>

  <p>Table with nowrap:</p>
  <table border="1">
    <tr>
      <th>Month</th>
      <th style="white-space:nowrap">My Savings for a new car</th>
    </tr>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </table>

  <p>Table without nowrap:</p>
  <table border="1">
    <tr>
      <th>Month</th>
      <th>My Savings for a new car</th>
    </tr>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </table>

  <p><b>Note:</b> You might have to reduce the browser window to see the effect.</p>

</body>
</html>
        