Какой тип отображения у flexbox элемента

267

06 октября 2018, 11:50

Как мы знаем в основном html-теги поделены на несколько типов отображения, часто используемые это inline и block.

Но какой тип отображения будут иметь элементы flexbox контейнера? Спрашиваю из того что block и inline элементы отображаются одинаково во flexbox контейнере.

.flex-container{ 
  display:flex; 
  flex-direction:column; 
  align-items:flex-start; 
} 
.flex-container > *{ 
  background-color:#0098ff; 
  color:white; 
  border:1px solid #0153a0; 
  padding:10px; 
}

<section class="flex-container"> 
  <div>1</div> <!-- block --> 
  <span>2</span> <!-- inline --> 
  <span>3</span> <!-- inline --> 
  <div>4</div> <!-- block --> 
  <div>5</div> <!-- block --> 
  <div>6</div> <!-- block --> 
  <span>7</span> <!-- inline --> 
  <div>8</div> <!-- block --> 
</section>