html - 如何在 HTML 中重复一个字符？

Question

有没有办法在 HTML(不是 HTML5!)的表格单元格内重复打印字符？

*(仅使用 HTML 或仅使用 HTML 和 CSS)

** 需要打印“.”通过细胞的全长。不知道单元格的确切宽度!

Answer 1

好的，在您详细说明您的问题后，我就有了解决方案。带有虚线底部边框和顶部白色背景文本的 div。

例子:

CSS:

.line{
    border-bottom:1px dotted black;
    position:relative;
    height:16px;
}

.line span{
    display:inline-block;
    position:relative;
    background:white;
    bottom:-2px;
    height:100%;
    padding:0 5px;
}
.line .price{
    position:absolute;
    right:0;
}​

HTML:

<div class="line">
    <span class="title">name</span>
    <span class="price">123.23$</span>
</div>
<div class="line">
    <span class="title">name</span>
    <span class="price">123.23$</span>
</div>​

http://jsfiddle.net/bKuVe/