Для достижения равной высоты всех элементов в гибкой строке и при этом сохранения текста прижатым кверху, можно использовать свойство `align-items: flex-start;` для контейнера гибкой строки. Таким образом, все элементы будут выровнены по верхней границе контейнера, их высота будет одинаковой и текст будет прижат к верхнему краю элемента.
Пример CSS-кода:
```css
.flex-container {
display: flex;
align-items: flex-start;
}
.flex-item {
border: 1px solid blue;
height: 100%;
}
.image-container {
border: 1px solid green;
height: 100%;
}
```
Пример HTML-кода:
```html
<div class="flex-container">
<div class="flex-item">
Элемент с текстом
</div>
<div class="image-container">
<img src="image.png" alt="Картинка">
</div>
</div>
```
В данном примере контейнер `flex-container` является контейнером для гибкой строки, элементы с текстом и картинкой заданы как `flex-item` и `image-container` соответственно. Установка `height: 100%;` для элементов обеспечивает их равную высоту.
