下划线车把中的空白行区域答案

【问题标题】：Underline blank rows area in handlebars下划线车把中的空白行区域
【发布时间】：2021-05-31 19:35:11
【问题描述】：

使用 HandlebarsJS

我有一个显示动态内容的空白区域。当文本未达到最小高度时，内容必须包含带下划线的空行。我尝试在 css 中使用背景图像，如下所示：

.regimul-juridic {
    /*background-color: red;*/
    margin-top: -5px;
    min-height: 100px;
    position: relative;
    background-position: fixed;
    line-height: 18px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAASAQMAAACgmSb/AAAABlBMVEUAAAAAAASiCn3WAAAAAXRSTlMAQObYZgAAAAtJREFUCNdjIAwaAACkAIHWnJmDAAAAAElFTkSuQmCC);
    backdrop: static;
}
.regimul-juridic > p {
    color: #000000;
    font-weight: normal;
    font-size: 9px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

但没有成功，因为如果图像上方区域有更多内容，将无法正常展开。有没有人有办法解决吗？图片显示了我在这里想要实现的目标：

【问题讨论】：

标签： javascript html css angularjs handlebars.js

【解决方案1】：

下划线可以在html中使用hr标签

【讨论】：

感谢您的回答。但问题是我必须有一个最小高度的区域。我无法设置该最小高度适合多少小时。
抱歉，很遗憾，我似乎无法理解您的意思。如果您需要为所有 hr 设置最小高度，您可以只写 hr 而不使用 hash 或 .和css中的样式，它将为所有样式设置样式