Class
- Tip&Tech
[HTML] css break-inside | |||||
±Û¾´ÀÌ | °ø´ë¿©ÀÚ | ³¯ Â¥ | 20-04-01 14:52 | Á¶ ȸ | 1002 |
---|---|---|---|---|---|
°£ÆíURL |
https://www.phpschool.com/link/tipntech/82506
|
||||
Link1 | http://www.mins01.com/mh/tech/read/1360 (147) | ||||
https://developer.mozilla.org/en-US/docs/Web/CSS/break-inside
¿ªÈ°: page ³ª´©±â³ª column ³ª´©±â¿¡ elementÀÇ ³ª´µ¾î¼ Ç¥½ÃµÇ´ÂÁö ¿©ºÎ¸¦ ¼³Á¤ÇÑ´Ù. #. ¼³Á¤ °ª auto: Allows, but does not force, any break (page, column, or region) to be be inserted within the principal box. À߸°´Ù. avoid: Avoids any break (page, column, or region) from being inserted within the principal box. ¾È À߸°´Ù. avoid-page: Avoids any page break within the principal box. ÆäÀÌÁö ³ª´©±â¿¡¼ ¾ÈÀ߸°´Ù. avoid-column: Avoids any column break within the principal box. Ä÷³¿¡¼ ¾ÈÀ߸°´Ù. avoid-region: Avoids any region break within the principal box. #. ¼³¸í ºÎ¸ð ¿¤·¹¸àÆ®°¡ column-fill: auto; ÀÏ °æ¿ì ÀÚ½Ä ¿¤·¹¸àÆ®¸¦ break-inside:auto;·Î ¼³Á¤Çϸé ÃÖ´ëÇÑ ºýºýÇÏ°Ô ´ÜÀÇ ¾ÕÂÊ ºÎÅÍ ³»¿ëÀÌ Ã¤¿öÁø´Ù. ÀÚ½Ä ¿¤·¹¸àÆ®¸¦ break-inside:avoid;·Î ¼³Á¤Çϸé ÀÚ½Ä ¿¤·¹¸àÆ®ÀÇ ³ª´©¾îÁü ¾øÀÌ ´ÜÀÇ ¾ÕÂÊ ºÎÅÍ ³»¿ëÀÌ Ã¤¿öÁø´Ù. ºÎ¸ð ¿¤·¹¸àÆ®°¡ column-fill: balance; ÀÏ °æ¿ì ÀÚ½Ä ¿¤·¹¸àÆ®¸¦ break-inside:auto;·Î ³ôÀÌ¿¡ ¸ÂÃç¼ ÀÚ½Ä ¿¤·¹¸àÆ®°¡ ´Ü¿¡ ±ÕµîÇÏ°Ô ³»¿ëÀÌ ¸ÂÃç¼ Ã¤¿öÁü ÀÚ½Ä ¿¤·¹¸àÆ®¸¦ break-inside:avoid;·Î ¼³Á¤Çϸé ÀÚ½Ä ¿¤·¹¸àÆ®ÀÇ ³ª´©¾îÁü ¾øÀÌ ÃÖ´ëÇÑ ´Ü¿¡ ±ÕµîÇÏ°Ô ³»¿ëÀÌ ¸ÂÃç¼ Ã¤¿öÁü |
Àüü´ñ±Û¼ö 0
1 2 3 4 5 6 7 8 9 10