Question

我的HTML表格宽度未知，我想为每个td

设置固定宽度如果我设置表格的宽度，

table-layout=fixed正在工作。但是我的情况是表格宽度未知：

<table style="border:solid 1px #333;table-layout:fixed">
  <tr>
    <td style="width:200px">200</td>
    <td style="width:300px">300</td>
  </tr>
  <tr>
    <td><input style="width:100%"></td>
    <td><input style="width:100%"></td>
  </tr>
</table>

如果我的浏览器页面宽度大于500px，上面的示例工作正常，但是当我调整页面大小时，我需要将tds保持固定。

如果td中没有input，则以下内容将起作用：

<table style="table-layout:fixed">
  <tr>
    <td style="min-width:200px">

然而在td

中有一个输入

以下是工作版本，每次调整大小td，需要更新表格宽度：

<table style="table-layout:fixed;width:500px">
  <tr>
    <td style="min-width:200px">

好吧，我终于发现它以这种方式工作： min-width + size = 1 工作：）

<table style="table-layout:fixed">
  <tr>
    <td style="min-width:200px">header</td>
  </tr>
  <tr>
    <td><input size="1"></td>
  </tr>

https://www.awesomes.cn/vs/10-65-447

Answer 1

如果您想要固定大小的td：

，这可能会有效

<table style="border:solid 1px #333;table-layout:fixed">
  <tr>
    <td style="min-width:200px">200</td>
    <td style="min-width:300px">300</td>
  </tr>
</table>

Answer 2

尝试执行此操作：<table style="border:solid 1px #333; table-layout:fixed" width="400">

Answer 3

试试此代码

<table style="border:solid 1px #333;table-layout:auto">
   <tr>
     <td style="width:200px">200</td>
     <td style="width:300px">300</td>
  </tr>
</table>

如何在调整页面大小时使HTML表格固定宽度

4 个答案: