tailwindcss를 사용하여 다음과 같은 HTML이 있습니다
ol 관련 Tailwind CSS는
보시다시피(빨간색 화살표) 한개 포장되어있습니다. 셀의 다른 부분은 중간 열의 맨 아래에 있습니다. 이것은 내가 원하지 않는 것입니다. 포장도 없습니다. 이를 방지할 수 있는 방법이 있습니까? 아니면 모든 셀의 높이가 동일한지 확인해야 합니까?
Tailwind CSS에서 CSS 열이 줄바꿈되지 않도록 하려면 break-inside 속성을 사용할 수 있습니다. 요소에서 break-inside를 회피 열로 설정하면 해당 요소가 열 간에 분할되는 것을 방지할 수 있습니다. 다음 논리를 시도해 볼 수 있습니다.
break-inside-avoid-column 유틸리티 클래스는 Tailwind CSS에서 제공되며 break-inside 속성을 escape-column으로 설정합니다. 이렇게 하면 각 요소가 분할되지 않고 해당 열에 그대로 유지됩니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Tailwind CSS에서 CSS 열이 줄바꿈되지 않도록 하려면 break-inside 속성을 사용할 수 있습니다.
으아아아요소에서 break-inside를 회피 열로 설정하면 해당 요소가 열 간에 분할되는 것을 방지할 수 있습니다. 다음 논리를 시도해 볼 수 있습니다.break-inside-avoid-column 유틸리티 클래스는 Tailwind CSS에서 제공되며 break-inside 속성을 escape-column으로 설정합니다. 이렇게 하면 각
요소가 분할되지 않고 해당 열에 그대로 유지됩니다.