Сообщения kinkstarter

Растянуть flexbox на всю высоту ячейки таблицы

<!DOCTYPE html>
<html>
  <head>
    <style>
td {
  width: 50%;
  background-color: lightgray;
}
.flex {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background-color: yellow;
  height: 100%;
}
.item {
  background-color: green;
  flex-grow: 1;
}
    </style>
  </head>
  <body>
    <table>
        <tbody>
           <tr>
              <td>padding<br>padding<br>padding<br>padding<br>padding<br>padding<br></td>
              <td>
                  <div class="flex">
                      <div class="item">mmm
                      </div>
                      <div class="item">mmm
                      </div>
                  </div>
              </td>
           </tr>
        </tbody>
    </table>
  </body>
</html>

Как сделать так, чтобы div.flex растянулся на всю высоту (и растянул своих детей div.item)?

css, flex, html5

kinkstarter
(24.01.17 11:25:50 MSK)

8 комментариев

Flexbox, или «Дэвид Блейн, раскукожь меня обратно!»

Есть два сту^W столбца таблицы, им назначена равная ширина (width: 50%). Но когда одному из них поставить ещё display:flex, он скукоживается до одной четвёртой общей ширины таблицы. Почему так? Это баг или фича?

Код:

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <style>
    td { width: 50%; }

    .d0 {
      display: flex;
      flex-direction: column;

      background-color: lightgray;
    }

    .d1 {
      display: flex;
      flex-grow: 1;

      border: 1px dotted gray;
    }

    .d2 {
      flex-grow: 1;

      background-color: yellow;
    }

    .d3 {
      width: 64px;
      flex-grow: 0;
      flex-shrink: 0;

      background-color: blue;
    }
  </style>
</head>

<body>
  <table width="100%">
    <tr>
      <td>what</td>
      <td class="d0">
        <div class="d1">
          <div class="d2">the</div>
          <div class="d3">fuck?</div>
        </div>
      </td>
    </tr>
  <table>
</body>

</html>

css, css3, flex, html, html5

kinkstarter
(19.01.17 10:35:31 MSK)

13 комментариев

Как git строит дерево Меркля (Merkle tree)?

Допустим, в ветке есть коммит 0, где добавляется файл 0, и коммит 1, где добавляются два файла, 1_1 и 1_2. В каком порядке git хеширует всё это для получения хеша коммита 1?

git

kinkstarter
(18.01.17 05:14:00 MSK)

1 комментарий

emerge: обновить всё, что можно обновить без конфликтов

Можно ли сказать emerge, чтобы обновляла мир, плюнув на конфликты? Чтобы то, что без конфликтов можно обновить, обновилось, а потом разруливать небольшое число проблемных пакетов?

Или как вы решаете проблему с конфликтами при обновлении мира?

Если обновлять порциями, задавая emerge список пакетов, сообщения о конфликтах от emerge зачастую таковы, что не понятно, как вообще к ним подступиться. В качестве конфликтующих выступают какие-то левые пакеты, которые я не обновляю. Очевидно, какой-то обновляемых тянет зависимость. Но какой? emerge этого не говорит. Разбирайся как хочешь, хоть по одному пакету обновляй. У меня фрустрация, блин.

emerge, gentoo

kinkstarter
(31.12.16 09:57:47 MSK)

24 комментария

zip в stdout: длина зависит от оператора перенаправления

#!/bin/sh
# Удалить старые файлы, если есть
rm -f 1.zip 2.zip

# Записать в файл zeroes 1024 нуля
dd if=/dev/zero of=zeroes bs=1024 count=1

# Зипуем двумя способами
zip - zeroes > 1.zip
zip - zeroes >> 2.zip

# Печатаем размеры
stat -c %s 1.zip 2.zip

Вывод:
173
237

Но, чёрт возьми, КАК, Холмс?!

wtf, zip

kinkstarter
(27.12.16 08:30:27 MSK)

21 комментарий

← предыдущие

RSS подписка на новые темы