Как настроить межстрочный интервал в виде списка Yii2 - PullRequest
Новая
       42

Как настроить межстрочный интервал в виде списка Yii2

0 голосов
/ 31 марта 2020

У меня есть представление списка на моей веб-странице, например 

<?= ListView::widget([
    'dataProvider' => $dataProvider,
    'summary'=>false,
    'itemView' => '_listing'
]);?>

И мой элемент списка 

<li>
   <div class="well ad-listing clearfix">
      <div class="col-md-3 col-sm-5 col-xs-12 grid-style no-padding">
         <!-- Image Box -->
         <div class="img-box">
            <img src="<?=Yii::getAlias('@web/frontend/web/')?>uploads/<?=$boatModel->getThumbnail($model->pictures)?>" class="img-responsive" alt="">
            <div class="total-images"><strong><?=$boatModel->getPictureCount($model->pictures)?></strong> photos </div>
         </div>

      </div>
      <div class="col-md-9 col-sm-7 col-xs-12">
         <!-- Ad Content-->
         <div class="row">
            <div class="content-area">
               <div class="col-md-9 col-sm-12 col-xs-12">
                  <!-- Category Title -->
                  <div class="category-title"> <small><b><?=$model->mainCategory->category_english?> / <?=$model->category->category_english?></b></small> </div>
                  <div class="category-title"> <small><b><?= date("jS F, Y", strtotime($model->date)); ?></b></small> </div>
                  <!-- Ad Title -->
                  <h3><?=yii\helpers\Html::a($model->title, ['community/view', 'id' => $model->id]) ;?></h3>
                  <!-- Info Icons -->

                  <!-- Ad Meta Info -->
                  <ul class="ad-meta-info">
                     <li> <i class="fa fa-map-marker"></i><a href="#"><?=$model->address?></a> </li>

                  </ul>
                  <!-- Ad Description-->
                  <div class="ad-details">

                  </div>
               </div>
               <div class="col-md-3 col-xs-12 col-sm-12">
                  <!-- Ad Stats -->
                  <br>
                  <!-- Price -->
                  <div class="price"> <span></span> </div>

                  <span><a href="#fav"><i class="fa fa-star-o"></i>&nbsp;&nbsp;</a></span>
                  <span><a href="#fav"><i class="fa fa-flag-o"></i></a></span>
                  <!-- Ad View Button -->
               </div>
            </div>
         </div>
         <!-- Ad Content End -->
      </div>
   </div>
</li>

И мой вывод похож на , пожалуйста, смотрите изображение

И я хочу удалить пробел между элементами представления списка. Как это можно сделать. Я не могу найти это свойство путем проверки

1 Ответ

1 голос
/ 31 марта 2020 
<div class="well ad-listing clearfix" style="margin-bottom:5px">

Добавление стиля на полях внизу страницы списка или редактирование в css

...