如何确定变量的值可以扩展到一行或几行？

Question

我正在使用液体将一些数据格式化为文档.我正在获取变量的值并打印它,之后我想放置一个边界线.问题是,如果它是一行然后没有问题,但如果{{business.name}}扩展到几行,那么打印边界线就会出现问题,因为边界线在第一行之后打印.

我们如何确定变量的值延伸到几行或一行,以便我可以根据它放置边界线.

<div> {{ business.name }} </div> 
<div class="border-top"> </div>

Answer 1

计算行数的方法是使用jQuery,它计算<div>包含business.name 的高度.

但是,不使用jQuery,以下是其他选择:

<div class="border-bottom"> {{ business.name }} </div>

另一种选择是:

<div>
{{ business.name }}
    <div class="border-class-here"></div>
</div>

希望这可以帮助