텍스트 오버플로 줄임표가 작동하지 않음
text-overflow 속성은 표시된 텍스트를 자르고 줄임표(...)를 추가하기 위한 것입니다. 전체 텍스트가 표시되지 않음을 나타냅니다. 그러나 이 속성이 예상대로 작동하지 않는 경우 여러 주요 CSS 속성이 제자리에 있는지 확인하는 것이 중요합니다.
필수 CSS 속성:
제대로 활성화하려면 text-overflow: 줄임표 효과, 다음 CSS 속성이 있어야 합니다. 정의됨:
올바른 코드가 포함된 데모:
다음 CSS 스니펫은 필요한 코드를 올바르게 적용하는 방법을 보여줍니다. 속성:
span { border: solid 2px blue; white-space: nowrap; text-overflow: ellipsis; width: 100px; display: block; overflow: hidden; }
예:
<span>Test test test test test test</span>
이러한 속성을 구현하면 지정된 텍스트가 잘리고 컨테이너가 텍스트에 있을 때 줄임표가 표시되도록 할 수 있습니다. 너비가 너무 좁아 전체 텍스트를 수용할 수 없습니다.
위 내용은 내 텍스트 오버플로 줄임표가 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!