tailwindcss를 사용하여 다음과 같은 HTML이 있습니다
으아악ol 관련 Tailwind CSS는
으아악보시다시피(빨간색 화살표) 한개 포장되어있습니다. 셀의 다른 부분은 중간 열의 맨 아래에 있습니다. 이것은 내가 원하지 않는 것입니다. 포장도 없습니다. 이를 방지할 수 있는 방법이 있습니까? 아니면 모든 셀의 높이가 동일한지 확인해야 합니까?
P粉7636623902024-04-01 10:15:03
Tailwind CSS에서 CSS 열이 줄바꿈되지 않도록 하려면 break-inside 속성을 사용할 수 있습니다. 요소에서 break-inside를 회피 열로 설정하면 해당 요소가 열 간에 분할되는 것을 방지할 수 있습니다. 다음 논리를 시도해 볼 수 있습니다.
break-inside-avoid-column 유틸리티 클래스는 Tailwind CSS에서 제공되며 break-inside 속성을 escape-column으로 설정합니다. 이렇게 하면 각 요소가 분할되지 않고 해당 열에 그대로 유지됩니다.