> 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="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2Fw5GSHeZn4H3vQgxYTQA3%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-08-14%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%203.07.40.png?alt=media&amp;token=91832d61-21ab-453e-b267-ee010cacf588" 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