Как скрыть полный текст описания в выводимых товарах?

Question

[Sandro_s]

<div class="col-sm-3">
        <div class="product-image-wrapper">
            <div class="single-products">
                <div class="productinfo text-center">
                
                    
                     <?= Html::img($mainImg->getUrl('300x200'), ['alt' => $hit->name])?>

                  <h2>$<?= $hit->price?></h2>
                    <p><a href="<?= \yii\helpers\Url::to(['product/view', 'id' => '7']) ?>"><?= $hit->name?></a></p>
                    <a href="<?= \yii\helpers\Url::to(['cart/add', 'id' => $hit->id])?>" data-id="<?= $hit->id?>" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>
                </div>

            </div>
        </div>
    </div>

Comments

[Дмитрий]

Доброе утро.
А при чём тут yii?

[Дмитрий]

А где в приведенном скрипте полный текст описания? Кажется вы его уже скрыли =)

[Sandro_s]

slo_nik, Доброе, ну магазин на yii2 ведь

[Дмитрий]

Sandro_s, ну и что?

[Sandro_s]

dimoff66, Полный текст чего? Названия товаров подгружается в переменные из бд. Думаю, нужно задать переменной "p" или классу свойство overflow hidden в css. но какому и как пока не могу определить.
Пробовал так:

.productinfo text-center {

   white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}

Answer 1

[Sandro_s]

p {
     width: 80%;
     overflow: hidden;
     white-space: nowrap;
     word-wrap: normal;
    /* для IE */
     padding-left: 40px;
     text-overflow: ellipsis;
}