时间戳

首页 > 解决方案 > 添加或替换破折号而不是 nlb2r

php - 添加或替换破折号而不是 nlb2r

问题描述

我在 Prestashop 1.7.3 中有以下代码。我想在每个 nl2br 之后添加一条虚线。我通过 css 删除了 br。

所以所有项目都在一条线上。我想要用虚线（-）分开项目

<section class="product-features">
      <p class="page_heading">{l s='Data sheet' d='Shop.Theme.Catalog'}</p>
        {foreach from=$product.grouped_features item=feature}
        <dl class="data-sheet flex_container">
          <dt class="name">{$feature.name}</dt>
          <dd class="value flex_child">{$feature.value|escape:'htmlall'|nl2br  nofilter}</dd>
        </dl>
        {/foreach}
    </section>

<style>
br{display: none;} 
</style>

标签： phphtmlcssprestashop-1.7

解决方案

我认为，也许最简单的方法是使用 css。<dl>只需在标签底部添加虚线边框即可。

.product-features dl {
    border-bottom: dotted 1px red;
    padding-bottom: 16px;
}

.product-features dl:last-child {
    border-bottom-width: 0px;
    padding-bottom: 0px
}
<section class="product-features">
        <p class="page_heading">{l s='Data sheet' d='Shop.Theme.Catalog'}</p>
        
        <dl class="data-sheet flex_container">
          <dt class="name">{$feature.name}</dt>
          <dd class="value flex_child">{$feature.value|escape:'htmlall'|nl2br  nofilter}</dd>
        </dl>
        
        <dl class="data-sheet flex_container">
          <dt class="name">{$feature.name}</dt>
          <dd class="value flex_child">{$feature.value|escape:'htmlall'|nl2br  nofilter}</dd>
        </dl>
        
        <dl class="data-sheet flex_container">
          <dt class="name">{$feature.name}</dt>
          <dd class="value flex_child">{$feature.value|escape:'htmlall'|nl2br  nofilter}</dd>
        </dl>
    </section>

我不希望决赛<dl>有底部边框，只需将其关闭即可。

ps 我不使用精简语法并让我的答案稍作改进是多么愚蠢。当然，你可以使用border-bottom: dotted 1px red;

推荐阅读