Prevent flex items from stretching

Sample:

div {  display: flex;  height: 200px;  background: tan;}span {  background: red;}

<div><span>This is some text.</span></div>

I have two questions, please:

1. Why does it basically happen to the span?
2. What is the right approach to prevent it from stretching without affecting other flex items in a flex container?