- Typography
- Word Break
Typography
Word Break
엘리먼트 내에서 단어 줄바꿈을 제어하는 유틸리티입니다.
Basic usage
Normal
break-normal을 사용하면 일반적인 단어 경계에서만 줄바꿈이 일어납니다.
The longest word in any of the major English language dictionaries is pneumonoultramicroscopicsilicovolcanoconiosis, a word that refers to a lung disease contracted from the inhalation of very fine silica particles, specifically from a volcano; medically, it is the same as silicosis.
<p class="break-normal ...">...</p>단어 줄바꿈
단어 중간에 줄바꿈이 필요할 때 break-words를 사용하세요.
영어 사전에서 가장 긴 단어는 pneumonoultramicroscopicsilicovolcanoconiosis, 화산에서 나온 매우 미세한 실리카 입자를 흡입하여 발생하는 폐질환을 의미하며, 의학적으로는 규폐증과 동일합니다.
<p class="break-words ...">...</p>Break All
break-all을 사용하면 단어를 유지하지 않고 필요한 곳에 줄바꿈을 추가할 수 있습니다.
The longest word in any of the major English language dictionaries is pneumonoultramicroscopicsilicovolcanoconiosis, a word that refers to a lung disease contracted from the inhalation of very fine silica particles, specifically from a volcano; medically, it is the same as silicosis.
<p class="break-all ...">...</p>Break Keep
break-keep은 중국어/일본어/한국어(CJK) 텍스트에 줄바꿈이 적용되지 않도록 방지합니다. CJK가 아닌 텍스트의 경우 break-keep은 break-normal과 동일하게 동작합니다.
抗衡不屈不挠 (kànghéng bùqū bùnáo) 这是一个长词，意思是不畏强暴，奋勇抗争，坚定不移，永不放弃。这个词通常用来描述那些在面对困难和挑战时坚持自己信念的人， 他们克服一切困难，不屈不挠地追求自己的目标。无论遇到多大的挑战，他们都能够坚持到底，不放弃，最终获得胜利。
<p class="break-keep ...">...</p>Applying conditionally
호버, 포커스 및 기타 상태
Tailwind는 상태에 따라 유틸리티 클래스를 조건부로 적용할 수 있게 해줍니다. 예를 들어, hover:break-all 를 사용하면 break-all 유틸리티를 hover 상태에서만 적용할 수 있습니다.
<p class="break-normal hover:break-all">
<!-- ... -->
</p>
사용 가능한 모든 상태 수정자 목록은 호버, 포커스, & 기타 상태 문서를 참고하세요.
중단점과 미디어 쿼리
여러분은 반응형 브레이크포인트, 다크 모드, prefers-reduced-motion 등과 같은 미디어 쿼리를 타겟팅하기 위해 변형 수식어를 사용할 수 있습니다. 예를 들어, md:break-all를 사용하면 중간 화면 크기 이상에서만 break-all 유틸리티를 적용할 수 있습니다.
<p class="break-normal md:break-all">
<!-- ... -->
</p>
더 자세히 알아보려면 반응형 디자인, 다크 모드, 그리고 다른 미디어 쿼리 수식어에 대한 문서를 확인하세요.
