html - 如何重复一个字符(m)来填满浏览器窗口

Question

我希望在整个浏览器窗口中用单个字符填充浏览器窗口。

此 jsfiddle 中包含对类似问题最接近的答案:

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>​

如何将虚线换成字符 (m)？

Answer 1

要删除虚线，您只需删除 CSS 中的代码

line{
    border-bottom:1px dotted black; <--remove this part of the code
    position:relative;
    height:16px;
}