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

我正在创建一个HTML报表（它是填充的表单）。我在表格底部有一个表格，其中包含项目列表以及旁边的是/否复选框。我需要有这样的工作，使得包含问题左边细胞有充满点的任何空白区域，如：用一行点填充剩余的表格单元格

Short question......................... yes no 
Longer question etc, etc............... yes no

有谁知道这样做的方式，最好通过CSS，但对服务器端如果有必要。

来源

2010-06-23 Paddy

您可以使用表格。溢出：后150像素dissapear隐藏将使点，你将有不同的行

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

来源

2010-06-23 11:42:07

这实际上很有意义。 – Paddy 2010-06-23 11:46:28

我这样做了一次，使用一个单独的GIF图像，它在X轴上重复作为表格单元格的背景。实际上，它的工作非常好。所以GIF图像基本上只是一个黑色的像素，周围有一些透明的像素。

但是，您还必须在表格单元格的实际文字周围添加一个<span>，并让该跨度具有白色背景以防止黑点出现在下方。

来源

2010-06-23 11:41:10

这是一个很好的答案。 – Paddy 2010-06-23 11:45:56

你可以做到这一切在CSS ...

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

不同长度的点填充但你到：

裹电池内容物在一个div：<td><div>Cell contents</div></td>
设置固定宽度上在div（一个或多个）。 Sergej Andrejev的回答也有这个问题（加上文字换行）。
享受它在Firefox和IE 8的工作，但它在其他浏览器上运行斑点状（现在），而不是在所有在IE 7或者IE 6

对于一个真正灵活，跨浏览器的办法，不需要固定的单元格宽度，您现在需要使用jQuery。（但请为此开个新问题。）

来源

2010-06-23 12:11:46

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

回答

相关问题