如何用一个字符填充整个div

Question

我需要装满*字符的装饰侧边栏，我创建了两个带有很多*的侧边栏，问题是它们的高度是相对于网站的主要内容所以有时它们太多了或者它们不是＆＃ 39;足够了。我想知道是否有类似javascript函数的东西来编写某个字符，直到div＆＃34;结束＆＃34;。

由于

Answer 1

非JS解决方案：

创建一个带有单个星号的PNG，并将其用作通过CSS重复背景图像。

这意味着：

• 您不需要知道渲染元素的大小;
• 您不需要使用当前字体大小设置计算字符数;
• 即使没有JS，装饰也是可见的（例如在地铁中，页面的一半没有加载）

Answer 2

尽可能多地插入内容，然后使用overflow: hidden将其剪切到框中：

＆＃13;

＆＃13;

div {
  width: 50px;
  height: 50px;
  overflow: hidden;
  background-color: #aff;
}

＆＃13;

<div>* * * * * * * * * * * * * * * * * * * * * * * * * * * *</div>

＆＃13;

＆＃13;

＆＃13;