用一行圆点填充剩余的表格单元格

你可以用桌子。溢出:隐藏会在150px分解后产生点,不同的行会有不同长度的点填充。

<table>
    <tr>
        <td style="width: 150px; overflow: hidden;">
            Short question........................................................
        </td>
        <td>
            yes no
        </td>
    </tr>
</table>

我曾经用一张在X轴上重复的GIF图像作为表格单元格的背景。事实上,效果相当不错。所以,GIF图像基本上只是一个黑色像素,周围有一些透明像素。

但是你还必须添加一个 <span> 围绕表格单元格的实际文本,并让范围具有白色背景,以防止黑点显示在下面。

你可以用CSS来完成这一切…

    td div
    {
        width:          20em;
        overflow:       hidden;
        white-space:    nowrap;
    }
    td div:after
    {
        content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
    }

但你必须:

1. 将单元格内容包装在一个分区中: <td><div>Cell contents</div></td>
2. 在分区上设置固定宽度。Sergej Andrejev的答案也有这个问题(加上文本包装)。
3. 享受它在火狐和IE8中的工作,但它在其他浏览器(目前)中工作不稳定,而在IE7或IE6中根本不工作。

对于真正灵活的跨浏览器方法,不需要固定的单元格宽度,您现在需要使用jquery。(但请为这个问题开始一个新问题。)