html - 如何判断一个变量的值是延伸到一行还是几行？

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>

希望这可以帮助

Answer 2

使用 PHP 或 JavaScript，您可以正则表达式搜索换行符 ( <br/>, <br>)。数一数，你就知道你有多少行了。