表格应该有实际宽度

发布于 2024-10-27 02:46:46 字数 275 浏览 1 评论 0原文

我有一个表格：

<table border="1px">
    <tr>
        <td style="width:200px">td1</td>
        <td style="width:3200px">td2</td>
    </tr>
</table>

浏览器将其适合当前窗口，我认为它的宽度比例。我希望表格具有实际宽度，以便窗口在必要时滚动。

原文

I have a table:

<table border="1px">
    <tr>
        <td style="width:200px">td1</td>
        <td style="width:3200px">td2</td>
    </tr>
</table>

and the browser fits it in the current window, in it's width proportions I think.
I would like the table to have it's real width, so that the window scrolls if necessary.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

你怎么这么可爱啊 2024-11-03 02:46:46

我不知道为什么表格会这样 - 我对任何能够深入解释为什么 td 上的宽度被覆盖的人表示支持。

最简单的方法是为 table 元素指定复合宽度：

<table style="width: 3400px">

或者，将 3200px 宽的元素放入 td 中似乎也可以：

<td style="width:3200px"><div style="width: 3200px"> </div></td>

I don't know why the table behaves this way - upvotes from me for anybody who can explain in depth why the width on the tds gets overridden.

The easiest way around it would be giving the table element the composite width:

<table style="width: 3400px">

alternatively, putting a 3200px wide element into the td seems to work as well:

<td style="width:3200px"><div style="width: 3200px"> </div></td>

回复收藏 0 原文

诺曦 2024-11-03 02:46:46

当表格不再溢出时，TD 宽度始终被解释为相对于整个表格宽度的百分比。除非设置了明确的宽度，否则表格不会溢出水平边缘。

<table border="1px" width="3400px"> <!--The page will overflow if the table width is greater -->
  <tr>
   <td style="width:200px">td1</td>
   <td>td2</td> <!--The width of this cell will be whatever 3400-200 is. (i.e. 3200) -->
  </tr>
</table>

TD widths are always interpreted as percentages in relation to the width of the entire table when the table does not overflow anymore. Tables do not overflow past the horizontal edge unless they have an explicit width set.

<table border="1px" width="3400px"> <!--The page will overflow if the table width is greater -->
  <tr>
   <td style="width:200px">td1</td>
   <td>td2</td> <!--The width of this cell will be whatever 3400-200 is. (i.e. 3200) -->
  </tr>
</table>

回复收藏 0 原文

~没有更多了~