1

<td>我不知道我会有多少。我只知道即使表格对于屏幕来说太大,我也希望它们的宽度固定。

目前,只要我的表格到达屏幕右侧,就会忽略以下宽度。

<table>
  <tr>
    <td width="260" style="width: 260px;">Text only</td>
    <td width="260" style="width: 260px;">Text only</td>
    <td><img src="img/image.jpg" width="400"/></td>
    <td><img src="img/image.jpg" width="400"/></td>
    <td width="260" style="width: 260px;">Text only</td>
  </tr>
</table>

问题是:<td>with <img>inside 是 400 像素,这正是我想要的,但是<td>如果表格比屏幕宽,只有内部文本的 s 会缩小尺寸。

我的目标是让访问者从左到右滚动,而不是通常的向上/向下滚动

编辑:我的 IMG 的宽度也事先不知道。并且字符串是在 HTML 中提供的,所以我必须提取width="400",我宁愿不

4

2 回答 2

2

检查此代码:

<table border="1">
    <tr>
        <td width="260"><span style="width: inherit; display: block;">Text only</span></td>
        <td width="260"><span style="width: inherit; display: block;">Text only</span></td>
        <td><img src="img/image.jpg" width="800"/></td>
        <td><img src="img/image.jpg" width="800"/></td>
        <td width="260"><span style="width: inherit; display: block;">Text only</span></td>
    </tr>
</table>
于 2013-01-15T20:05:05.840 回答
0

如果您可以为您的表格提出一个合理的最大宽度,您可以将其包装在一个设置为该宽度的 div 中。这将允许表格展开(单元格将根据需要调整大小)并且页面将显示水平滚动条。缺点是如果您的表格比最大宽度窄得多,页面将滚动到表格末尾之外的右侧。

<div style="width:5000px;">
  <table>...</table>
</div>
于 2013-01-15T19:14:51.330 回答