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>、<img>内側が 400px であり、それがまさに私が望んでいたこと<td>ですが、テーブルが画面よりも広くなると、テキストのみが内側にある s が縮小されます。

私の目標は、訪問者が通常の上下ではなく左から右にスクロールできるようにすることです

編集: IMG の幅も事前にわかりません。width="400"また、文字列は HTML で提供されるため、抽出する必要があります。

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 に答える