Элемент Flex должен получить всю оставшуюся ширину в строке

Question

Элемент Flex должен получить всю оставшуюся ширину в строке

Общий формат электронной почты (RE), который включает также домен, такой как co.in, co.uk, com, outlook.com и т. д.

И правило гласит, что:

Верхние и строчные английские буквы (az, AZ)
Цифры от 0 до 9
Символы! # $% & amp; '* + - / =? ^ _ `{| } ~ Характер.
(точка, период, полная остановка) при условии, что он не является первым или последним символом, и при условии, что он не появляется два или более раз подряд.
```
[a-zA-Z0-9]+[._a-zA-Z0-9!#$%&'*+-/=?^_`{|}~]*[a-zA-Z]*@[a-zA-Z0-9]{2,8}.[a-zA-Z.]{2,6}
```

0

html css flexbox

задан D.Mark 13 July 2018 в 08:49

1 ответ

Другие вопросы по тегам:

html css flexbox

Похожие вопросы:

score 1 · Accepted Answer

Вы можете просто сделать это:

.flex-container {
  display: flex;
  flex-flow: row wrap;
}

.flex-container>* {
  border: 1px solid;
  box-sizing: border-box;
}

.item-1 {
  flex-basis: 100%; /*Full width of the first line*/
}

.item-2,
.item-3 {
  flex: 1; /* Fill the space equally on the second line*/
}

<div class="flex-container">
  <div class="item-1">1</div>
  <div class="item-2">2</div>
  <div class="item-3">3</div>
</div>