Вопросы Теги

Ширина вертикально выравнивающего inline-flexbox увеличивается с увеличением количества дочерних элементов [дубликат]

Попробуйте это ... немного легче следовать с [классами символов]. для соответствия одному \ с строкой javascript вам нужно \\\\, что может быть тем, что происходит.

new Regexp('^[\\\\/]|[\\\\/]$')

Вы также можете попробовать нотацию /^[\\\/]|[\\\/]$/g . 

s = 'c:\\folder\\'
console.log(s.replace(/^[\\\/]|[\\\/]$/g, ''))
1
задан Marcus Riemer 17 January 2019 в 15:27
поделиться

1 ответ

Вместо flex-flow: row wrap; попробуйте flex-direction: column;. Это заставляет каждый элемент двигаться вертикально. Затем оберните все, что вы хотите, в одну «строку» внутри своей собственной .code-block, чтобы сохранить содержимое каждой строки вместе. Итак, 

<div class="code-block">
  <div class="line-break">
    <div class="terminal">while(</div>
    <div class="code-block">true</div>
    <div class="terminal">)</div>
  </div>

... и так далее для остальных.

(Тебе тоже не нужно align-items: baseline;.)

0
ответ дан Eriyu 17 January 2019 в 15:27
поделиться