помогите реализовать блок

219
04 мая 2018, 09:28

как можно реализовать этот блок?

<div class="arenda-1c-home-tabs-block container w960">
    <div class="tab-item col-xs-12 col-sm-4 col-md-4 col-lg-4">
        <div class="tab-item-content">
            <div class="tab-item-img">
                <div class="item-text">Благодаря внедренной B2B системы мы в режиме on-line можем видеть все движения товаров, заказы покупателей, наши партнеры в личном кабинете могут всегда видеть актуальные цены в их регионе.</div>
                <div class="tab-item-btn">лого</div>
                <div class="tab-item-btn">Першин Сергей Алексеевич ООО “Юнипол”</div>
            </div>
        </div>
    </div>
    <div class="tab-item col-xs-12 col-sm-4 col-md-4 col-lg-4">
        <div class="tab-item-content">
            <div class="tab-item-img">
                <div class="item-text">Благодаря внедренной B2B системы мы в режиме on-line можем видеть все движения товаров, заказы покупателей, наши партнеры в личном кабинете могут всегда видеть актуальные цены в их регионе.</div>
                <div class="tab-item-btn">лого</div>
                <div class="tab-item-btn">Першин Сергей Алексеевич ООО “Юнипол”</div>
            </div>
        </div>        
    </div>
    <div class="tab-item col-xs-12 col-sm-4 col-md-4 col-lg-4">
        <div class="tab-item-content">
            <div class="tab-item-img">
               <div class="item-text">Благодаря внедренной B2B системы мы в режиме on-line можем видеть все движения товаров, заказы покупателей, наши партнеры в личном кабинете могут всегда видеть актуальные цены в их регионе.</div>
                <div class="tab-item-btn">лого</div>
                <div class="tab-item-btn">Першин Сергей Алексеевич ООО “Юнипол”</div>
            </div>
        </div>
    </div>
</div>
Answer 1

если вопрос в этом, то делаете три блока подряд внутри одного блока, которому ставите position: relative двум блокам внутри пишите нужные вам стили, а третьему пишите position: absolute; и top: 50%; таким образом блок будет по центру. По крайней мере основную мысль я дал. Если не понятно - спрашивайте

READ ALSO
image не реагирует на resize

image не реагирует на resize

Есть две кнокиОдна из них уменьшает изображение, другая возвращает в прежнее

254
Копировать текст в буфер обмена js or jquery

Копировать текст в буфер обмена js or jquery

Есть блок в который через бекенд передается значение

180
Как л чше хранить данные из GridView

Как л чше хранить данные из GridView

Извиняюсь за прошлую тему, был не в курсеЕсть приложение семейный бюджет

240
Как переключатся между окнами JFrame?

Как переключатся между окнами JFrame?

С Swing начал работать недавно и вот возникла такая проблема

206