Á¦¸ñ ¾È³çÇϼ¼¿ä
À̸§ ³ª´©¹Ì
À̸ÞÀÏ
±¹³» ÃÖÃÊ Ææ¼Ç ¸ð¹ÙÀÏ ¸â¹ö½Ê ¼­ºñ½º!! Ææ¼Çµî·ÏÀº Çѹø µî·ÏÀ¸·Î Æò»ý À¯ÁöµÇ¸ç ȸ¿øÀº ¹«Á¶°Ç ¿¹¾à¹®ÀǸ¦ ÇÒ ¼ö¹Û¿¡ ¾ø´Â ³ª´©¹Ì ³ª´®ÆÁ ¼Ö·ç¼Ç
flex container¿¡ Àû¿ëÇÏ´Â flex-direction ¼Ó¼ºÀÇ ±âº»°ªÀº row´Ù. flex-direction: row ¼Ó¼ºÀº flexboxÀÇ ÄÜÅÙÃ÷°¡ Á¿ì·Î È帣°Ô ÇÑ´Ù. ÄÜÅÙÃ÷¸¦ À§¾Æ·¡·Î È帣°Ô ÇÏ·Á¸é flex-direction ¼Ó¼ºÀÇ °ªÀ» columnÀ¸·Î ¼³Á¤ÇÑ´Ù.

flex-wrapÀº flex itemÀÌ À§¾Æ·¡·Î È帣´Â ¸ñ·ÏÀ» ±¸ÇöÇÏ·Á¸é wrapÀ» flex-wrapÀÇ ¼Ó¼º°ªÀ¸·Î »ç¿ëÇÑ´Ù. flex-wrap: wrap ¼Ó¼ºÀº flex itemÀÇ Àüü Å©±â°¡ flex containerº¸´Ù Å©¸é ÁÙÀ» ¹Ù²ã ¿©·¯ ÁÙ·Î flex itemÀ» ¹èÄ¡ÇÑ´Ù.

flex container¸¦ ¹þ¾î³µÀ» ¶§ ÁÙÀ» ¹Ù²Ù´Â ¼Ó¼ºÀÌ´Ù. white-space ¼Ó¼º°ú µ¿ÀÏÇÏ°Ô ÀÛµ¿ÇÑ´Ù. ¼Ó¼ºÀÇ ±âº»°ªÀÎ nowrapÀº flex itemÀÇ Àüü Å©±â°¡ flex containerº¸´Ù Ä¿Á®µµ ÁÙÀ» ¹Ù²ÙÁö ¾Ê°í ÇÑ ÁÙ·Î flex itemÀ» ¹èÄ¡ÇÑ´Ù.
2008-05-30 16:15:12