用一行點填充剩餘的表格單元格

我正在創建一個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

用一行點填充剩餘的表格單元格

回答

相關問題