Регистрация Войти
Войти через VK Войти через FB Войти через Google Войти через Яндекс

Поиск по сайту

Наш чат в Telegram для обмена идеями, проектами, мыслями, людьми в сфере ИТ г.Ростова-на-Дону: @it_rostov

Обрезка текста. Свойство text-overflow

Совместные покупки — это возможность купить дорогой фирменный товар по оптовой цене.

Исходный код этого примера:

<style>
    .wrap {
        width: 300px;
        overflow: hidden;
        white-space: nowrap;
        border: 1px solid green;
        padding: 5px;
    }
    .clip {
        text-overflow: clip;
    }
    .ellipsis {
        text-overflow: ellipsis;
    }
</style>
<div class="wrap clip">
    Совместные покупки — это возможность купить дорогой фирменный товар по оптовой цене.
</div>
<br>
<div class="wrap ellipsis">
    Совместные покупки — это возможность купить дорогой фирменный товар по оптовой цене.
</div>

.
Прокомментировать/Отблагодарить