如何確定一個變量的值是否延伸到一行或多行？

Question

我正在使用液體將一些數據格式化爲文檔。我正在獲取一個變量的值並打印它，之後我想放一條邊界線。問題是，如果它是一行，那麼沒有問題，但如果{{business.name}}擴展到多行，那麼在打印邊界行時會出現問題，因爲邊界行是在第一行後面打印的。

我們如何確定變量的值是否延伸到幾行或一行，以便我可以根據該行放置邊界線。

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

Answer 1

來計算行數的方式是使用jQuery，其計數包含business.name的<div>的高度。

然而，不是使用jQuery，下面的其他選擇：

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

另一種方法是：

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

希望這有助於

Answer 2

使用PHP或JavaScript可以正則表達式搜索換行符（<br/>,<br>）。數它們，你知道你有多少條線。