html - CSS 中的填充背景/文本填充？

Question

我想创建一个如下所示的表格:

---

lolvalue----------|lol日期|其他一些列数据1

lolvalue12345|lol 日期 2|一些其他列数据 2

---

在 CSS/HTML 中。基本上，有“数据”，右边有一个填充符，但不算作数据，因此它不会拉伸(stretch)列，填充由最大长度行拉伸(stretch)的空间。

这就像那些旧的内容书籍，其中有一些点将我们引导到正确的页面，还记得吗？

我该怎么做？没有像“padding-backgrond”这样的属性。我可能可以通过仅对一列使用层来创建它，但是我如何确定层的宽度？

另一种方法是在软件中生成适当数量的字符，但是嗯，这不能跨字体和浏览器移植。

我在服务器端使用 Ruby on Rails，如果它有所不同的话。

Answer 1

您可以将 background-image 添加到您的 td 并使用内联元素(例如 span 和样式来包装内部文本使用 background-color:

<style type="text/css">
  td      { background:url(dot.gif) 0 0 repeat-x; }
  td span { background-color:#fff; }
</style>

<table>
  <tr>
    <td><span>loltext</span></td>
    <td>loldate</td>
  </tr>
  <tr>
    <td><span>lolvalue12345</span></td>
    <td>lol date</td>
  </tr>
</table>

这样，您就不需要分配宽度。