html <th>样式设置,为什么table>tr>th等设置样式无效?

可能是因为你的样式设置被其他样式所覆盖了，或者是你的CSS选择器不够具体。可以尝试使用更具体的CSS选择器，例如使用表格的ID或类来限定样式设置的范围，或者使用!important标记来强制应用样式。同时，也要确保你的样式设置语法正确，没有拼写错误等问题。如果问题仍然存在，可以提供更多的代码和具体情况，我们再一起来寻找解决方案。

相关问题

<table> <tr> <th class="left-column">楼层号</th> <td></td> </tr> <tr> <th class="left-column">房间号</th> <td></td> </tr> <tr> <th class="left-column">楼层</th> <td></td> </tr> <tr> <th class="left-column">可住人数</th> <td></td> </tr> <tr> <th class="left-column">已住人数</th> <td></td> </tr> </table>将表格放置在一个box中并设置合适的长款

以下是一个示例代码，将表格放在一个 `div` 容器中，并设置了一些基本样式：

<div class="table-container">
  <table>
    <tr>
      <th class="left-column">楼层号</th>
      <td></td>
    </tr>
    <tr>
      <th class="left-column">房间号</th>
      <td></td>
    </tr>
    <tr>
      <th class="left-column">楼层</th>
      <td></td>
    </tr>
    <tr>
      <th class="left-column">可住人数</th>
      <td></td>
    </tr>
    <tr>
      <th class="left-column">已住人数</th>
      <td></td>
    </tr>
  </table>
</div>

CSS 样式：

.table-container {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  max-width: 500px;
  margin: 0 auto;
}

table {
  width: 100%;
  border-collapse: collapse;
}

th, td {
  padding: 8px;
  border: 1px solid #ccc;
}

.left-column {
  text-align: left;
}

你可以根据自己的需求调整容器的样式和表格的样式。

<table> <tr> <th class="left-column">楼层号</th> <td></td> </tr> <tr> <th class="left-column">房间号</th> <td></td> </tr> <tr> <th class="left-column">楼层</th> <td></td> </tr> <tr> <th class="left-column">可住人数</th> <td></td> </tr> <tr> <th class="left-column">已住人数</th> <td></td> </tr> </table>将表格放置在一个box中并利用css设置合适的长宽要求左右两列的长度一致

可以使用以下HTML和CSS代码实现：

HTML代码：

<div class="box">
  <table>
    <tr>
      <th class="left-column">楼层号</th>
      <td></td>
    </tr>
    <tr>
      <th class="left-column">房间号</th>
      <td></td>
    </tr>
    <tr>
      <th class="left-column">楼层</th>
      <td></td>
    </tr>
    <tr>
      <th class="left-column">可住人数</th>
      <td></td>
    </tr>
    <tr>
      <th class="left-column">已住人数</th>
      <td></td>
    </tr>
  </table>
</div>

CSS代码：

.box {
  width: 500px;
  height: 200px;
  border: 1px solid black;
  overflow: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
}

th, td {
  padding: 10px;
  text-align: left;
  border: 1px solid black;
}

th.left-column {
  width: 50%;
}

在上述代码中，我们首先将表格放置在一个名为“box”的div元素中，并为其设置宽度、高度、边框和滚动条。接着，我们设置表格的宽度为100%以占满整个box元素的宽度，并将表格的边框合并为一条线。最后，我们设置左列的宽度为50%，并为表格中的单元格设置了内边距、文本对齐和边框属性。这样就可以实现左右两列长度一致的表格了。