填充-背景/文本填充在CSS中？
填充-背景/文本填充在CSS中？
提问于 2009-01-27 19:28:34
我想创建一个如下所示的表：
洛尔值
lolvalue12345 12345 lol 2\x其他列data2
在CSS/HTML中。基本上，有“数据”，有一个填充在右边，但不算作数据，所以它不拉伸列，填补最大长度行延伸的空间。
就像那些旧的内容书里有点指引我们到正确的页面，记得吗？
我怎么能这么做？没有像“填充-后台”这样的属性。我可能只对一个列使用层来创建这个层，但是如何确定层的宽度呢？
另一种方法是在软件中生成适当数量的字符，但是嗯，这不能在字体和浏览器之间移植。
我使用Rails作为服务器端，如果它有区别的话。
回答 3
Stack Overflow用户
回答已采纳
发布于 2009-01-27 19:48:17
可以将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>这样，就不需要指定宽度了。
Stack Overflow用户
发布于 2009-01-27 19:33:24
我过去用过的一种快速欺骗是用尾随字符淹没所有的田地(比如‘？)？然后用css隐藏溢出。
<table>
<tr>
<td>lolvalue------------------------------------</td>
<td>lol date</td>
</tr>
<tr>
<td>lolvalue12345-------------------------------</td>
<td>lol date</td>
</tr>
</table>然后用以下方式来修饰它：
td { width:50px; overflow:hidden; }Stack Overflow用户
发布于 2009-01-28 01:44:05
css:
.extendo { background: url(dot.gif) 0 0 repeat-x; width: 100px; }
.words { background: none; }
markup:
<div class="extendo"><span class="words">lalala</span></div>您可能需要指定填充或备用背景。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/484857
复制相关文章
相似问题
腾讯云开发者
