html - 保持 100% 宽度表格的文本固定

Question

我在网页中有一个应用程序，但在防止内部文本移动时遇到问题。我以前的表格接受最小宽度选项，并在您增加网站页面时防止文本/td 的拉伸(stretch)/移动(例如，我有双显示器，所以当我拉伸(stretch)超过 2 个显示器时，除了页脚之外的所有内容都保持固定)。

我想知道如何制作每个 <td>固定在页面内的文本。

HTML:

<table cellpadding="0" cellspacing="0" border="1" width="100%" style="min-width:1400px">
    <tr bgcolor="silver">
        <td align="center" valign="middle" width="200"> <font face="Arial, Helvetica, sans-serif" size="2.5">
                Last Modified:&nbsp;</font>

        </td>
        <td align="left" width="400"><font face="Arial, Helvetica, sans-serif" size="2.5">
                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/ClassifiedAds/Index.aspx</font> <br/>
        <font face="Arial, Helvetica, sans-serif" size="1"> </font> 
        </td>
        <td align="left" valign="middle" width="300"><font face="Arial, Helvetica, sans-serif" size="2.5"></font> </td>
    </tr>

https://jsfiddle.net/avaz8sbh/

Answer 1

检查这个 fiddle ，我添加了一个没有宽度的空白 td，因此当页面调整大小时其他列不会调整大小。

https://jsfiddle.net/afelixj/avaz8sbh/1/

或者您也可以避免第三个 td 的 width="300"，这样它只会在页面调整大小时增长，保持其他两个固定宽度。