Flexbox ширина column внутри row

241
20 февраля 2017, 12:47

Имеется таблица с прокруткой на flexbox. В первом столбце текст, выходящий за пределы ячейки, скрывается overflow: hidden.

Пример

При попытке обернуть таблицу в дополнительный контейнер flex-direction: row, с целью добавить столбец по высоте таблицы, ширина таблицы нарушается.

Пример 2

В чем ошибка и как ее исправить?

Answer 1

Попробывать установить ширину таблицы 100% не пробывал?

    .table {
        width: 100%;
        display: flex;
        flex-direction: column;
        flex: 1;
        background: gainsboro;
    }

Вот таким методом выходит, что таблица показывается, как в первом примере!

READ ALSO
before и after расширяют родительский блок

before и after расширяют родительский блок

Есть логотип, размером 256х256И есть 2псевдоэлемента before и after, которые увеличивают логотип и при ховрее уменьшают его

272
Подскажите сборщики html для gulp

Подскажите сборщики html для gulp

Подскажите, как можно подключать html файлы один в другой в определённом месте и как их сжимать в gulp?

258
Можно ли сделать repeat для тега img?

Можно ли сделать repeat для тега img?

Доброго вечера! Такой вопрос, можно ли сделать так, чтобы изображение в теге img повторялось(repeat) по горизонталиНужно именно чтобы в теге img повторялось,...

254