php列表-将项目放在单独的行上

Question

我对这段代码没有足够的信心来弄清楚如何改变它，所以我希望有人能帮助我。它来自于我的谷歌地图目录的php文档。我买了这个插件，花了几天的时间将style.css配置成我想要的样子，但这部分是在一个php文件中，所以我对使用它没有信心。在地图设置中有两个字段，一个用于电话号码，另一个用于位置。当目录显示在实时页面上时，它会将这两个目录列在一起，就像"123 private street ph 09 1234564“一样。我需要他们在每一个单独的行显示，所以电话号码是根据地址。谁能帮帮我这个代码，这样它就能做到这一点。代码是：

<p>
  <?php echo trim($list['qcpd_item_subtitle']); ?>
  <?php if(isset($list['qcpd_item_phone'])&&$list['qcpd_item_phone']!='') {
    echo '<span style="display:block;font-size:11px">';

    if(isset($list['qcpd_item_location']) and $list['qcpd_item_location']!=''){
      echo ' <span style="font-weight:bold">'.$list['qcpd_item_location'].'</span> &nbsp;&nbsp;';
    }
    echo ($phone_number=='1'?'<span class="sbd_phone"><i class="fa fa-phone"></i> '.str_replace(array('(',')'),array('',''),$list['qcpd_item_phone']).'</span>':'');

    echo '</span>';

  }?>  
</p>
</div>

非常感谢Julie

Answer 1

您可以在带有location的<span>后面添加<br /> (换行符)，或者将<span>标记更改为<div>。

使用<br />

<p>
  <?php echo trim($list['qcpd_item_subtitle']); ?>
  <?php if(isset($list['qcpd_item_phone'])&&$list['qcpd_item_phone']!='') {
    echo '<span style="display:block;font-size:11px">';

    if(isset($list['qcpd_item_location']) and $list['qcpd_item_location']!=''){
      echo ' <span style="font-weight:bold">'.$list['qcpd_item_location'].'</span><br />';
    }
    echo ($phone_number=='1'?'<span class="sbd_phone"><i class="fa fa-phone"></i> '.str_replace(array('(',')'),array('',''),$list['qcpd_item_phone']).'</span>':'');

    echo '</span>';

  }?>  
</p>

使用<div></div>

<p>
  <?php echo trim($list['qcpd_item_subtitle']); ?>
  <?php if(isset($list['qcpd_item_phone'])&&$list['qcpd_item_phone']!='') {
    echo '<div style="display:block;font-size:11px">';

    if(isset($list['qcpd_item_location']) and $list['qcpd_item_location']!=''){
      echo ' <div style="font-weight:bold">'.$list['qcpd_item_location'].'</div> &nbsp;&nbsp;';
    }
    echo ($phone_number=='1'?'<div class="sbd_phone"><i class="fa fa-phone"></i> '.str_replace(array('(',')'),array('',''),$list['qcpd_item_phone']).'</div>':'');

    echo '</div>';

  }?>  
</p>

然而，这两种方法之间应该没有任何区别，因为<div></div>会自动跟随换行符，它可能会破坏您的工具提示/项目样式。