保持100％宽度的表格文字固定

Question

我在网页中有一个应用程序，但遇到了使内部文本无法移动的问题。 我以前的表格接受min-width选项，并在增加网站页面时防止text / td的拉伸/移动（例如，我有双显示器，所以当我拉伸超过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

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

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

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

Answer 2

使用％百分比而不是px，并且不要像这样溢出100％

<td width="20%">
<td width="30%">
<td width="50%">

还要删除style="min-width:1400px"

现在您的表格将使用100％的页面并适合它。

50 + 30 + 20 = 100