> For the complete documentation index, see [llms.txt](https://docs.ohmyapp.io/main/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ohmyapp.io/main/guide/develop_app/4/block/layout/flex.md).

# 플렉스

**플렉스 블록은 언제 사용하나요?**

* 이미지, 텍스트 등의 블록들을 가로로 배치할 때 사용해요. 가로 배치하고 싶은 블록들을 플렉스에 넣어서 사용할 수 있어요.

**플렉스 블록의 특징은 무엇인가요?**

* 플렉스 내부의 블록들을 크기에 따라 자동으로 수평 배열해주는 레이아웃 형식이에요. 
* 플렉스는 블록의 크기에 따라 유동적으로 가로 배치되기 때문에 주로 텍스트를 정렬할 때 많이 쓰여요. 텍스트를 플렉스에 넣어 사용하게 되면 화면을 넘어갈 만큼 텍스트가 길어도 자동으로 줄바꿈이 적용돼요.

<div align="left"><figure><img src="/files/Zx06JOl1diG2GpvYKTgo" alt="" width="563"><figcaption></figcaption></figure></div>

2023.07.24 Jinny

## Flex

Arrange data (blocks) horizontally.&#x20;

**When do I use the flex block?**

* This block is used when arranging data (blocks) horizontally, such as images and texts. The blocks you want to arrange horizontally can be put into the flex block.

**What are the characteristics of flex blocks?**

* The flex block is a layout format block that automatically arranges blocks that are put into the flex block horizontally according to their size.
* Flex blocks are often used to arrange text as they can fluidly arrange horizontally according to the size of the size of the data. If text blocks are put into a flex block, the text block will automatically appear neatly wrapped even if the text is long enough to go beyond the screen.

> \#플렉스, #플렉스란?, #가로로 배치하기, #가로 배열하기, #가로 정렬하기, #수평으로 정렬하기, #텍스트 정렬, #가로로 배치하는 방법, #줄바꿈, #줄 바꾸기, #레이아웃

2023.07.27 Hwaran